/* Hero */
.hero-container {
    position: relative;
}

/* Hero Image */
.hero-container img {
    width: 100%;
}

/* Hero Overlay Container*/
.hero-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 1140px;
    width: 100%;
    height: 100%;
}

/* Hero Text Position and Alignment */
.hero-overlay-center {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -20%);
    text-align: center;
}
.hero-overlay-top-left {
    position: absolute;
    left: 15px;
    top: 25px;
    text-align: left;
}
.hero-overlay-top-right {
    position: absolute;
    right: 15px;
    top: 25px;
    text-align: right;
}
.hero-overlay-bottom-left {
    position: absolute;
    left: 15px;
    bottom: 25px;
    text-align: left;
}
.hero-overlay-bottom-right {
    position: absolute;
    right: 15px;
    bottom: 25px;
    text-align: right;
}

/* Hero Text Styles */
/*
.hero-overlay h1 {
    font-size: 36px;
}
.hero-overlay p {
    font-size: 24px;
}
*/

/* Hero Responsive Text */
@media screen and (max-width: 1000px) {
    .hero-overlay h1 {
        font-size: 6vw;
    }
    .hero-overlay p {
        font-size: 2.5vw;
    }
}
@media screen and (max-width: 479px) {
    .hero-overlay h1 {
        font-size: 9vw;
    }
    .hero-overlay p {
        font-size: 4.25vw;
    }
}