#top .avia-section[data-section-video-ratio="16:9"] {
  height: 56vw !important;
  display: flex !important;
  flex-flow: column wrap;
  justify-content: center;
}


#top .avia-section[data-section-video-ratio="16:9"] .av-section-cont-open {
  position: relative;
  top: 0;
  padding: 120px 50px 0;
  align-self: center;
}

/* === it might be neccessary to have for small screens an extra css === */

@media only screen and (max-width: 767px) {
  #top .avia-section[data-section-video-ratio="16:9"] .av-section-cont-open {
    padding: 130px 0 0 !important;
  }
}

@media only screen and (max-width: 476px) {
  #top .avia-section[data-section-video-ratio="16:9"] .av-subheading {
    display: none
  }
}