.hero-body .title {
    width: unset !important;
}


@media only screen and (max-width: 600px) {
    .container {
        max-width: 90vw !important;
    }
}

.hero {
    /* box-shadow: inset 0 0 0 100vw rgb(0 0 0 / 20%) !important; */
}


#page-hero {
    padding: 90px 0;
}

#page-hero.hero {
    padding: 0 40px 0;
}


@media screen and (max-width: 768px) {
    .hero-body {
        padding: 2em 0 !important;
    }

    #page-hero {
        padding: 0 1.5em !important;
    }


    .title-subtitle {
        width: 100% !important;
    }
}