/**************

Use this file (CustomStyles.css) to make your custom CSS changes. Copy what styles you need to change from main.css, paste in this file,
    make your changes, and save. *Only copy/paste the lines you plan on changing, nothing more.

    For example, to update the cover-wrapper copy/paste this to make your changes:
    #cover-wrapper { background: linear-gradient(rgba($color-black, 0.15), rgba($color-black, 0.15)), url('../../images/waterford/nuts-pattern.jpg'); }

**********/

.video-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

    .video-display video {
        width: 100%;
        max-height: 350px;
        max-width: 350px;
    }

    .video-display a {
        display: block;
        max-width: 250px;
    }

iframe, video {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
}