.webp #mainHeader {
    background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(images/beachGuadeloupe_tab.89fc67b3.webp) 50%
}

.no-webp #mainHeader {
    background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(https://www.keyliance.fr/build/images/beachGuadeloupe_tab.23489fb8.jpg) 50%
}

#firstExpandableContentContainer {
    padding-top: 0
}

@media(min-width:768px) {
    #firstExpandableContentContainer {
        padding-top: 20px
    }
}

@media(min-width:1000px) {
    .webp #mainHeader {
        background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(https://www.keyliance.fr/build/images/beachGuadeloupe_desktop.be9f6fdc.webp) 50%
    }

    .no-webp #mainHeader {
        background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(https://www.keyliance.fr/build/images/beachGuadeloupe_desktop.1b1cd5f0.jpg) 50%
    }

    #firstExpandableContentContainer {
        padding: 25px 0 70px
    }

    .textTwoColumns {
        padding-top: 50px
    }

    .textTwoColumns h2 {
        column-span: none
    }
}

@media(min-width:1200px) {
    #firstExpandableContentContainer {
        padding: 25px 0 90px
    }

    .textTwoColumns {
        padding-top: 75px
    }
}