.hero {
    position: relative;
    /* max-height: 690px; */
}

.hero .grid-box {
    padding-top: 137px;
    padding-bottom: 89px;
}

.hero .image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%;
}

.home .hero .container div {
    grid-column: span 6;
    text-wrap: balance;
}

.hero h1 {
    text-wrap: nowrap;
    color: var(--blue-100);
    text-transform: uppercase;
}

.home .hero h3 {
    color: #fff;
    text-wrap: balance;
}

.hero a {
    margin-top: 20px;
}

.hero h4 {
    margin-bottom: 30px;
}

.simple-hero h5 {
    margin-bottom: 30px;
    text-transform: uppercase;
}

.simple-hero .title {
    grid-column: span 9;
}

.simple-hero h1 {
    color: var(--blue-500);
}

.simple-hero .content {
    grid-column: span 7;
    margin-top: 40px;
}

/* ONE OFFS */

.mission .hero h1 {
    color: var(--blue-100);
}

.mission .hero .title {
    grid-column: 1 / -1;
}

.hero .sub-title {
    grid-column: span 7;
    color: black;
}

@media (max-width: 1024px) {
    .hero .container div {
        grid-column: 1 / -1;
    }

    .hero .grid-box {
        padding-bottom: 155px;
    }
}

@media (max-width: 767px) {

    .hero .grid-box {
        padding-bottom: 135px;
    }
}