/*
 * V19 hard override
 * Loaded after style.css to guarantee the final hero scale and accent color.
 */

.hero h1{
    font-size:40px !important;
    line-height:1.12 !important;
    letter-spacing:-0.035em !important;
    max-width:680px !important;
    margin:0 0 14px !important;
}

.hero h1 .accent-word{
    color:#16967f !important;
    -webkit-text-fill-color:#16967f !important;
}

.hero-lead{
    font-size:15px !important;
    line-height:1.68 !important;
    max-width:620px !important;
}

@media (min-width:1101px) and (max-width:1439px){
    .hero h1{
        font-size:36px !important;
        line-height:1.13 !important;
        max-width:620px !important;
    }

    .hero-lead{
        font-size:14.5px !important;
        max-width:580px !important;
    }
}

@media (min-width:768px) and (max-width:1100px){
    .hero h1{
        font-size:32px !important;
        line-height:1.14 !important;
        max-width:600px !important;
    }

    .hero-lead{
        font-size:14px !important;
        max-width:570px !important;
    }
}

@media (max-width:767px){
    .hero h1{
        font-size:26px !important;
        line-height:1.16 !important;
        letter-spacing:-0.025em !important;
        max-width:none !important;
    }

    .hero-lead{
        font-size:13px !important;
        line-height:1.62 !important;
        max-width:none !important;
    }
}

@media (max-width:389px){
    .hero h1{
        font-size:24px !important;
    }
}