.webp #mainHeader {
    background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(images/beachMartinique_tab.84a3f45f.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/beachMartinique_tab.bb409ddb.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/beachMartinique_desktop.856e5c87.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/beachMartinique_desktop.e682cf89.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
    }
}