.about-us-more-button {
    margin: 1rem;
}

.about-image {
    float: right; /* or 'right' to float it to the right */
    margin-bottom: 2rem;
    max-width: 100%;

}

.about-us-more-content {
    display: none;
    
    text-align: left;


    color: var(--clr-primary-100);
    font-size: var(--fs-400);
    font-weight: var(--fw-regular);
    font-family: var(--ff-body);
}

.about-us-text-container.expanded .about-us-more-content {
    display: block;

}

.about-us-text-container.expanded .about-us-more-button {
    display: none;
}

.latest-video {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.latest-video img {
    display: block;
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 7em;
    background-repeat: no-repeat;
    overflow: hidden;

}

.latest-video p {
    position: absolute;
    top: 15%;
    left: 5%;
    color: var(--clr-primary-100);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    font-family: var(--ff-body);
    font-size: var(--fs-600);
}

.button {
    position: absolute;
    top: 40%;
    left: 5%;
}

@media (max-width: 1200px) {
    .latest-video p {
        font-size: var(--fs-500);
    }

    .button {
        font-size: var(--fs-400);
        width: 15rem;
        height: 3.3125rem;
    }
}

@media (max-width: 850px) {
    .latest-video p {
        font-size: var(--fs-300);
    }

    .button {
        font-size: var(--fs-200);
        width: 8rem;
        height: 3rem;
    }
}