.webp #mainHeader {
    background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(images/familyReunion_tab.4ec77a63.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/familyReunion_tab.c964d550.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/familyReunion_desktop.b7c05276.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/familyReunion_desktop.f32ebf00.jpg) 50%
    }

    #firstExpandableContentContainer {
        padding: 25px 0 70px
    }

    .textTwoColumns {
        padding-top: 50px
    }
}

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

    .textTwoColumns {
        padding-top: 75px
    }
}