/*********************
BREAKPOINTS
*********************/
#section1 {
  margin-top: 60px !important;
}
@media (min-width: 1024px) {
  #section1 {
    margin-top: 0 !important;
  }
}

.FullHeight, .FullHeight .splide {
  height: 400px !important;
}
@media (min-width: 1024px) {
  .FullHeight, .FullHeight .splide {
    height: 100vh !important;
  }
}

.High, .High .splide, .High .splide__track, .High .splide__list, .High .splide__slide {
  height: 400px !important;
}
@media (min-width: 600px) {
  .High, .High .splide, .High .splide__track, .High .splide__list, .High .splide__slide {
    height: 70vh !important;
  }
}
@media (min-width: 1024px) {
  .High, .High .splide, .High .splide__track, .High .splide__list, .High .splide__slide {
    height: 85vh !important;
  }
}
@media (min-width: 1300px) {
  .High, .High .splide, .High .splide__track, .High .splide__list, .High .splide__slide {
    height: 85vh !important;
  }
}
@media (min-width: 1800px) {
  .High, .High .splide, .High .splide__track, .High .splide__list, .High .splide__slide {
    height: 85vh !important;
  }
}

.High .splide__slide img, .High .splide__slide picture {
  height: 100% !important;
  object-fit: cover !important;
}

.FullHeight .splide__slide img, .FullHeight .splide__slide picture {
  height: 400px !important;
  object-fit: cover !important;
}
@media (min-width: 1024px) {
  .FullHeight .splide__slide img, .FullHeight .splide__slide picture {
    height: 100vh !important;
  }
}