.videoWrapper {
  position: relative;
  padding-bottom: 33%;
  padding-top: 25px;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 560px;
  max-height: 315px;
}

@media (max-width: 1100px){
  .videoWrapper {
    padding-bottom: 37%;
  }
}

@media (max-width: 960px){
  .videoWrapper {
    padding-bottom: 39%;
  }
}

@media (max-width: 830px){
  .videoWrapper {
    padding-bottom: 41%;
  }
}

@media (max-width: 680px){
  .videoWrapper {
    padding-bottom: 45%;
  }
}

@media (max-width: 560px){
  .videoWrapper {
    padding-bottom: 50%;
  }
}

@media (max-width: 470px){
  .videoWrapper {
    padding-bottom: 56.25%;
  }
}