.hero-video--section {
  width: 100%;
}
.hero-video--section video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-video--section .hero-video--desktop-video {
  display: block;
}
@media screen and (max-width: 768px) {
  .hero-video--section .hero-video--desktop-video {
    display: none;
  }
}
.hero-video--section .hero-video--mobile-video {
  display: none;
}
@media screen and (max-width: 768px) {
  .hero-video--section .hero-video--mobile-video {
    display: block;
  }
}

/*# sourceMappingURL=hero-video.css.map */