@import "../components/Headers/centered-Header.css";
@import "../components/box-contacts.css";
@import "../components/stripe-newsletter.css";


/* Sede Legale Stripe
----------------------------------------------------------*/
    #registered-office .stripe-container {
        position: relative;
        z-index: 2;
    }
    #registered-office .stripe-content {
        padding-top: 15.104vw; /*290*/
    }

    #registered-office h2 {
        margin-bottom: 0;
        line-height: 1;
    }

    #registered-office .contact-box {
        width: 28.125vw; /*540*/
        height: auto;
        min-width: 330px;
        min-height: auto;
    }
    #registered-office .contact-box-content {
        height: auto;
        padding-top: 2.604vw; /*50*/
    }
    #registered-office .contact-box-content .button-container {
        padding-top: 4.688vw; /*90*/
    }    
    #registered-office .contact-box svg {
        top: 24%;
        right: 8.594vw;
    }

    #registered-office .map-img-container:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2.604vw; /*50*/
        z-index: 2;
        background: rgb(250 248 240);
        background: linear-gradient(0deg, rgba(250, 248, 240, 0) 0%, rgba(250, 248, 240, 1) 90%);
    }
    #registered-office .map-img-container > img {
        position: relative;
        z-index: 1;
    }
    #registered-office .map-img-container {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        z-index: 1;
        height: 100%;
    }
    #registered-office .btn {
        margin-top: 0;
    }



@media screen and (max-width: 1920px) {

}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1690px) {

}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {

}

/* Small Laptops - Ok until 1150px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {

}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
    #registered-office .stripe-content {
        padding-top: 140px;
    }
    #registered-office .contact-box-content {
        padding-top: 35px;
    }
    #registered-office .map-img-container > img {
        object-position: 55%;
    }
    #registered-office .contact-box > img {
        width: 305px;
        height: 231px;
    }
    #registered-office .contact-box .button-container {
        padding-top: 30px;
    }
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    #registered-office .stripe-container {
        padding-bottom: 80px;
    }    
    #registered-office .apply-pad-4 {
        padding-left: 0;
        padding-right: 0;
    }
    #registered-office .stripe-content {
        padding-top: 300px;
    }
    #registered-office .contact-box {
        min-width: 310px;
    }
    #registered-office .contact-box-content {
        padding-top: 30px;
    }
    #registered-office h2 {
        font-size: 36px;
    }
    #registered-office .map-img-container > img {
        object-position: 70%;
    }
}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}