.site-hero {
    isolation: isolate;

    /*TODO This is a band-aid fix*/
    margin-top: -0.1rem
}

@media screen and (max-width: 55em){
    .site-hero .hero-container .hero-text,
    .site-hero .hero-narrow-container .narrow-left-aligned > h1{
        max-width: 90vw;
    }
}

@media screen and (max-width: 45em) {
    .hero-text h1 {
        font-size: 4rem !important;
    }
}