.mission .image-container .image-mask {
    height: 411px;
    width: 100%;
    bottom: 176px;
}

.mission .image-container .image-mask.active {
    max-height: 411px;
}

.content-block.content-block-mission {
    grid-column: 2 / -1;
}

.content-block-mission .image-container {
    grid-column: 8 / -1;
}

.content-block-mission .image-container .image {
    top: -374px;
}

.blurb p {
    grid-column: 2 / -2;
}

.mission .bottom {
    row-gap: 40px;
}

.mission .mobile-button {
    display: block;
}

.mission .updates-block .bottom {
    padding-bottom: 40px;
}

.after-six {
    display: none;
}

.updates-block.active .after-six,
.updates-block.active .after-third {
    display: block !important;
}

.updates-block.active .mobile-button {
    display: none;
}



@media (max-width: 1024px) {
    .after-third {
        display: none;
    }

    .mission-content.content-spacer {
        padding-top: 166px;
    }

    .content-block.content-block-mission {
        grid-column: 1/-1;
    }

    .content-block-mission .image-container {
        grid-row: 1;
        grid-column: 1 / -1;
    }

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

    .mission .image-container .image {
        max-width: 411px;
        top: -472px;
    }

    .blurb p {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .mission .image-container .image {
        max-width: 265px;
        top: -325px;
    }

    .mission .hero .grid-box {
        padding-top: 64px;
        padding-bottom: 134px;
    }

    .mission-content.content-spacer {
        padding-top: 246px;
    }
}