@import url(variables.css);
@import url(fonts.css);

.motion-section {
    width: 100%;
    padding-bottom: 3rem;

    .motion-section__video-container {
        background-color: white;
        width: 100%;
        place-self: center;
        object-fit: cover;
        border-radius: 3rem;

        @media (max-width: 1400px) {
            width: 100%;
        }
    }

    .motion-section__video {
        padding-top: 1rem;
        padding: 2rem 4rem 4rem;
        width: calc(100% - 8rem);
    }

    .motion-section__subheader {
        background-color: var(--blue);
        padding: 0.5rem;
        border-radius: 2rem;
        color: white;
        text-align: center;
        font-size: 3rem;
        margin: 2rem 0 0;
    }
}