@charset "UTF-8";

#video .youtube-container {
  padding: 0px;
  overflow: hidden;
  width: 100%; 
  /* change aspect-ratio */
  aspect-ratio: 16/9;
  /* remove clicking/hover effects */
  pointer-events: none;
} 

#video .youtube-container iframe {
  /* extend the viewport */
  width: 300%;  
  height: 100%; 
  /* bring it back to the center */
  margin-left: -100%;

  /* //-- */
  visibility: hidden;
  margin-left: -300%;
}



@media (max-width: 991px) {
  #video .youtube-container,
  #video .video-bg {    
    height: calc(60vw);
  }   
}

@media (max-width: 1024px) {
  #video .youtube-container,
  #video .video-bg {
    height: calc(60vw);
  }   
}