.hero {
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero h1,.hero h2, .hero h3, .hero h4, .hero h5, .hero p {
    color: var(--white);
}

.min-lg-vh-50 {
    min-height: 50vh;
}

.min-lg-vh-75 {
    min-height: 75vh;
}

.min-lg-vh-100 {
    min-height: 100vh;
}

.hero.overlay {
    position: relative;
}

.hero.overlay:after {
    content: "";
    position:absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
}

.hero.overlay .text {
    position:relative;
    z-index: 1;
}

.hero.overlay > div {
    position:relative;
    top: 5%;
}

@media (max-width: 560px) {
    .hero .p-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .smallHeroMobile .hero, .smallHeroMobile .min-lg-vh-75 {
        height: 25vh;
        min-height: 25vh;
    }
}