:root {
    --bandeau-height: 120px;
    --bandeau-home-height: 112px;
    --bandeau-home-bkg-size: 79%;
    --bandeau-home-position: -24px center;
    --bandeau-home-position-rlt: 122% center;

    --prim-color: #000;
    --sec-color: #5CB563;
    --ter-color: #e0e0e0;
    --third-color: #F4F4F4;
    --fourth-color: #244F35;
    --sev-color: rgba(92, 181, 99, 0.28);
    --bkg-foot-home-height: 170px;
    --bkg-size-bandeaux:  185% auto;
    --header-height: 55px;
}


#bandeau-footer-home {
    --bkg-foot-home-backg-position: center center;
}

@media (min-width: 640px) {
    :root {
        --bandeau-home-height: 185px;
        --bandeau-home-bkg-size: 68%;
        --bandeau-home-position: 0 center;
        --bkg-size-bandeaux:  100% auto;
    }
}
@media (min-width: 710px) {
    :root {
        --bandeau-home-bkg-size: 72%;
        --bkg-foot-home-height: 200px;
        --bandeau-home-position-rlt: 122% center;
        --header-height: 65px;
    }
}
@media (min-width: 820px) {
    :root {
        --bandeau-home-height: 212px;
    }
}
@media (min-width: 1040px) {
    :root {
        --bandeau-height: 190px;
        --bandeau-home-height: 280px;
        --bandeau-home-bkg-size: 68%;
        --bandeau-home-position: 0 center;
        --bkg-size-bandeaux:  100% auto;
        --bkg-foot-home-height : 250px;
        --bandeau-home-position-rlt: 122% center;
        --header-height: 70px;
    }
    .home #bandeau-img {
        --bandeau-home-height: 340px;
        --bandeau-home-bkg-size: 63%;
        --background-position: 0 center;
    }
}

@media (min-width: 1359px) {
    :root{
        --bandeau-height:260px;
         --container-max-width: 1280px;
        --bkg-foot-home-height: 340px;
        --bkg-foot-home-backg-position: center bottom;
        --bandeau-home-position-rlt: 122% center;
    }
    .home #bandeau-img {
        --bandeau-home-height: 400px;
        --background-position: -100px center;
    }
}
@media (min-width: 1599px) {
    :root{
        --bandeau-home-height: 340px;
        --container-max-width: 1380px;
        --bandeau-home-position: left center;
        --bandeau-home-position-rlt: 122% center;
    }
}

@media (min-width: 1799px) {
    :root {
        --bandeau-home-height: 380px;
        --bkg-foot-home-height: 380px;
    }

    .home #bandeau-img {
        --bandeau-home-height: 453px;
        --background-position: 0px center;
    }

}
@media (min-width: 1920px) {
    :root {
        --bkg-foot-home-height: 500px;
    }
}