@media(min-width: 1200px){
  .js-video {
    height: 0;
    padding-top: 25px;
    padding-bottom: 62.5%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
} 

@media(max-width: 1199px){
  .js-video {
    height: 0;
    padding-top: 25px;
    padding-bottom: 76%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
} 

.js-video.widescreen {
  padding-bottom: 56.34%;
}
 
.js-video.vimeo {
  padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}