body {

}

#video_container {
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 35rem;
  height: auto;
}

#video_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(6px);
  -webkit-filter: blur(6px);
  background: url("../img/hero-bg.jpg") top center;
  background-size: cover;
  background-position: center;
  min-height: 35rem;
  height: auto;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 100% */
  background: rgba(0, 0, 0, 0.5);
  min-height: 35rem;
  height: 100%;
}

@media (max-width: 768px) {
  #overlay, #video_cover, #video_container { 
    height: auto;
  }
}