/* Flash video wrapper */
.video-wrapper {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.25%;
}

.video-wrapper .video-js {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 405px;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (min-width: 721px) {
    .video-wrapper { padding-bottom: 405px };

}

/* HTML5 video wrapper */
.dvz-video {
    width:  60%;
    max-width: 720px;
    margin: 30px auto;
}

@media screen and (max-width: 768px) {
    .dvz-video {
        width:  90%;
        margin: 25px auto;
    }
}

/* Kill All Old Video Styles With Fire */
/* This is temporary to avoid breaking things that still use the legacy classes successfully */
/* Kill this and legacy classes in main.css once all the pages are fixed */
.dvz-video .video-js.vjs-fluid {
    position: relative !important;
    height: 0 !important;
    width: 100% !important;
    padding-top: 56.25%;
    padding-bottom: 0 !important;
}