@import "~Breakpoints";
@import "~Colors";
@import "~FontSize";
@import "~Layout";

.btnSvg {
  position: absolute;
  opacity: 0;
  display: none;
}
.heroText {
  //@include container();
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.album {
  height: 75vh;
  margin-bottom: 6rem;
  &.fullsize {
    height: 100vh;
  }
}

.top {
  height: 100%;
  @include media-breakpoint-up(md) {
  height: 80%;

} width: 100%;
}

.thumbs {
  display: none;
  @include media-breakpoint-up(md) {
    display: block;
  }
  height: 20%;
  width: 100%;
  background-color: black;
  padding: 2rem 6.5rem;
  [class=swiper__wrapper] {
    //overflow: hidden;
  }
  [class^=swiper__slide] {
    width: 16.666%;
    height: 100%;
    opacity: 0.4;
  }
  [class*=swiper__slide-active] {
    opacity: 1;
  }
}