.video_section {
    width: 100%;
    background: var(--white);

    & h2 {
        width: 100%;
        text-align: center;
        font-weight: 400;

        @media (min-width: 992px) {
            font-size: 5rem;
            margin: 0;
        }

        @media (max-width: 991px) {
            font-size: 3rem;
            margin: 0 0 3rem;
            text-align: center;
        }
    }

    & .text_area {
        & h1, & h2, & h3 {
            width: 100%;
            text-align: center;
            font-weight: 400;
    
            @media (min-width: 992px) {
                font-size: 5rem;
                margin: 0;
            }
    
            @media (max-width: 991px) {
                font-size: 3rem;
                margin: 0 0 3rem;
                text-align: center;
            }
        }
    }

    & .video_wrapper {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        margin: 5rem auto 0;

        @media (max-width: 991px) {
            margin: 3rem auto 0;
        }

        & iframe, & video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
    }

    & .bottom_text_area {
        width: 100%;
        text-align: center;
    }
}