.header-slider {
  padding-top: 144.9275362318841%;
}
.header-slider__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 680ms ease;
}
.header-slider__slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.header-slider__slide.active {
  z-index: 1;
  opacity: 1;
}
.header-mobile-nav {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-80px);
}
.header-mobile-nav.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}

@media screen and (min-width: 768px) {
  .header-slider {
    padding-top: 35.555555556%;
  }
}