.video-hero-container {
  width: 100%;
  height: 100%;
}
.video-hero-container video {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-hero-container video.right {
  -o-object-position: right;
     object-position: right;
}
.video-hero-container video.left {
  -o-object-position: left;
     object-position: left;
}
.video-hero-container video#mobile_video {
  display: none;
}

@media screen and (max-width: 767px) {
  .video-hero-container video#desktop_video {
    display: none;
  }
  .video-hero-container video#mobile_video {
    display: block;
  }
}/*# sourceMappingURL=video-hero-component-style.css.map */