.hero {
    background-repeat: no-repeat;
    /*background-size: 95.2% 100%;*/
    background-size: 115% 100%;
    background-position: center;
    padding-bottom: 4rem !important;
}

.hero-container {
    padding-top: 9rem;
}

.hero-container.half {
    padding-top: 2rem;
}

.hero-title {
    line-height: 1;
    font-size: 3.4rem;
}


.firstword, .lastword {
    font-size: 10vw;
}

/*.lastword {*/
/*    width: 100%;*/
/*    display: block;*/
/*    text-align: end;*/
/*}*/

.search-box {
    position: absolute;
    right: 5px;
    top: 8px;
}

/*------------- max ---------------*/
@media (max-width: 575px) {
    .hero-container {
        padding-top: 5rem;
    }
    .hero-title {
        font-size: 3rem;
    }

    .midword {
        font-size: 5vw;
    }

    .header-subtitle {
        font-size: 2.5vw;
    }

    .firstword, .lastword {
        font-size: 10vw;
    }
}

@media (max-width: 571px) {
    .midword {
        font-size: 3.95vw;
    }
}

@media (max-width: 550px) {
    .firstword, .lastword {
        font-size: 9.5vw;
    }

    .midword {
        font-size: 4.2vw;
    }
}

@media (max-width: 532px) {
    .firstword, .lastword {
        font-size: 9.3vw;
    }

    .midword {
        font-size: 4.2vw;
    }
}

@media (max-width: 524px) {
    .hero-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 490px) {
    .firstword, .lastword {
        font-size: 9vw;
    }

    .midword {
        font-size: 4.3vw;
    }
}

@media (max-width: 470px) {
    .hero-title {
        font-size: 2.2rem;
    }
}

@media (max-width: 465px) {
    .firstword, .lastword {
        font-size: 8.8vw;
    }
}

@media (max-width: 430px) {
    .firstword, .lastword {
        font-size: 8.7vw;
    }
}

@media (max-width: 425px) {
    .hero-container {
        padding-top: 3rem;
    }

    .hero-title {
        font-size: 2.4rem;
    }

    .midword {
        font-size: 5vw;
    }

    .firstword, .lastword {
        font-size: 8.5vw;
    }
}

@media (max-width: 415px) {
    .firstword, .lastword {
        font-size: 8.3vw;
    }
}

@media (max-width: 395px) {
    .hero-title {
        font-size: 2.2rem;
    }
}

@media (max-width: 392px) {
    .firstword, .lastword {
        font-size: 12vw;
    }
}

@media (max-width: 375px) {
    .hero-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 320px) {
    .hero-title {
        font-size: 1.5rem;
    }
}

/*------------- min ---------------*/
@media (min-width: 576px) {
    .hero {
        /*padding-bottom: 6rem !important;*/
        /*background-size: 110vh 56vh;*/
        background-size: 115% 100%;
        padding-bottom: 7rem !important;
    }

    .hero-container {
        padding-top: 6.5rem;
    }

    .hero-title {
        font-size: 3.1rem;
    }

    .header-subtitle {
        font-size: 2.5vw;
    }

    .midword {
        font-size: 5vw;
    }

    .firstword, .lastword {
        font-size: 10vw;
    }
}

@media (min-width: 768px) {
    .hero {
        /*padding-bottom: 8rem !important;*/
        /*background-size: 92vw 49vw;*/
        background-size: 118% 100%;
    }

    .hero-container {
        padding-top: 6rem;
    }

    .hero-container.half {
        padding-top: 6rem;
    }

    .hero-title {
        font-size: 7vw;
    }

    .header-subtitle {
        font-size: 3vw;
    }

    .midword {
        font-size: 5vw;
    }

    .firstword, .lastword {
        font-size: 10.2vw;
    }
}

@media (min-width: 992px) {
    .hero {
        /*background-size: 64rem 45.5rem;*/
        background-size: 100% 100%;
        padding-bottom: 7.5rem !important;
    }

    .hero-container, .hero-container.half {
        padding-top: 6rem;
        min-height: 20rem;
    }

    .hero-title {
        font-size: 5vw;
    }

    .header-subtitle {
        font-size: 2.5vw;
    }

    .midword {
        font-size: 3.4rem;
    }

    .firstword, .lastword {
        font-size: 9.2vw;
    }
}

@media (min-width: 1200px) {
    .hero {
        /*background-size: 78.5rem 46.5rem;*/
        background-size: 100% 100%;
    }

    .hero-container, .hero-container.half {
        min-height: 21rem;
    }

    .midword {
        font-size: 3.8vw;
    }

    .firstword, .lastword {
        font-size: 9vw;
    }
}

@media (min-width: 1400px) {
    .hero {
        /*background-size: 94.5rem 64.5rem;*/
        background-size: 100% 100%;
    }

    .midword {
        font-size: 3.25vw;
    }

    .firstword, .lastword {
        font-size: 8.8vw;
    }
}