.webp #mainHeader {
    background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(images/buybackConsumption_tab.8c867a6f.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/buybackConsumption_tab.b0045eda.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/buybackConsumption_desktop.7e94772d.webp) top
    }

    .no-webp #mainHeader {
        background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(https://www.keyliance.fr/build/images/buybackConsumption_desktop.aefde5de.jpg) top
    }

    #firstExpandableContentContainer {
        padding: 25px 0 70px
    }

    .textTwoColumns {
        padding-top: 50px
    }

    #whoCanBenefitContainer h2 {
        column-span: none
    }
}

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

    .textTwoColumns {
        padding-top: 75px
    }

    #whoCanBenefitContainer {
        margin-top: 10px
    }
}