.hero-narrow-container {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0 4rem;
}

.hero-narrow-container h1 {
    max-width: var(--content-width-wide-2);
    margin: 0 auto 5vh 0;
    font-size: 3.6rem;
    grid-column: 1 / 3 !important;

}

.hero-narrow-container h1 span {
    max-width: 96rem;
    display: block;
}

.hero-narrow-container h1.teal {
    color: var(--color-brand-teal);
}

.hero-narrow-container h1.white {
    color: var(--color-primary-white);
}

.hero-narrow-container h1.navy {
    color: var(--color-brand-navy);
    /*max-width: var(--content-width-wide-2);*/
    /*margin-inline: auto;*/
}

.hero-narrow-container .hero-narrow-mobile-img {
    display: none;
}

@media screen and (max-width: 80em) {
    .hero-narrow-container {
        padding-inline: var(--mobile-padding);
    }

}


@media screen and (max-width: 45em) {
    .hero-narrow-container .hero-narrow-mobile-img {
        display: block;
    }

    .hero-narrow-container.white,
    .hero-narrow-container.image {
        background-image: url('/wp-content/themes/aana/images/heroes/white-diamond-texture.jpg') !important;
    }

    .hero-narrow-container.teal,
    .hero-narrow-container.txt-color-white {
        background-image: url('/wp-content/themes/aana/images/heroes/teal-diamond-texture.jpg') !important;
    }
}

@media screen and (max-width: 35em) {
    .hero-narrow-container h1 {
        padding-inline: var(--mobile-padding);
        max-width: 94vw;

    }
}