/*VIDEO BLOCK*/

    .video-block {
        position: relative;
    }

    /*SET TEXT COLOUR TO INHERIT AND THEN APPLY HOVER FOR LINKS*/

        .video-block aside h1, .video-block aside p, .video-block aside a {
            color: inherit;
        }

        .video-block aside a:hover {
            color: #f15a24;
            text-decoration: underline;
            text-underline-offset: 5px;
        }

    /*SET WIDTH OF ASIDE*/

        .video-block aside {
            width: 50%;
        }

        /*TITLE*/

            .video-block h1 {
                padding-bottom: 25px;
            }

    /*SET WIDTH OF VIDEO IF ASIDE IS HIDDEN*/

        .video-block video {
            width: 100%;
            display: block;
            object-fit: cover;
        }

    /*SET WIDTH OF VIDEO IF ASIDE IS PRESENT*/

        .video-block video.side-by-side-video {
            width: calc(50% - 50px);
        }

/*MEDIA QUERIES*/

    @media (max-width: 1600px) {



    }

    @media (max-width: 1400px) {



    }

    @media (max-width: 1200px) {



    }

    @media (max-width: 800px) {

        /*MAKE VIDEO AND ASIDE FULL WIDTH, ADD A MARGIN TO SEPARATE THEM*/

            .video-block video.side-by-side-video {
                width: 100%;
                order: 1;
                margin-bottom: 25px;
            }

            .video-block aside {
                width: 100%;
                order: 2;
            }

    }