body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


/*custom styles*/


.container-16x9 {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;

}

@media (max-width: 768px) { 
  .container-16x9{
    aspect-ratio: 3/5;
  }
}