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

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

.hero.centeredContent .container-fluid {
    padding-left: 15%;
    padding-right: 15%;
    margin: auto;
}

.hero.centeredContent .buttons {
        justify-content: center;
}

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

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

.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%;
}

.heroPattern {
    right: 0;
    bottom: 0;
    height: 70%;
    width: auto !important;
    text-align: right;
    position: absolute;
}