/* =====================================================
   HERO – MOBILE FIRST
===================================================== */

.home-hero {
    padding: 46px 0 62px;

    background:
        var(--fdp-white);
}


/


/


/


/* =====================================================
   TABLET
===================================================== */

@media (min-width: 768px) {

    .home-hero {
        padding:
            68px 0 76px;
    }
}


/* =====================================================
   DESKTOP
===================================================== */

@media (min-width: 1050px) {

    .home-hero {
        padding:
            78px 0 82px;
    }
}