/** Shopify CDN: Minification failed

Line 75:62 The "-" operator only works if there is whitespace on both sides

**/

.hero-gallery {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.hero_textwrapper {
    position: absolute;
    top: 0;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

.hero-gallery .hero-flex__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.hero-gallery .hero-flex__wrapper .hero-flex-row__wrapper {
      display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, auto);
    position: relative;
    min-height: 85vh;
  
}

#hero-gallery_image1 {
    height: auto;
  grid-column: 2
}
#hero-gallery_image2 {
    height: auto;
  grid-column: 5;
  grid-row: 2;
}
#hero-gallery_image3 {
    height: auto;
  grid-column: 1;
      grid-row: 3;

}
#hero-gallery_image4 {
    height: auto;
  grid-column: 3;
     grid-row: 2;
      transform: translateY(18rem);
}
#hero-gallery_image5 {
    height: auto;
  grid-column: 4;
    grid-row: 3;

}

@media only screen and (max-width: 749px) {
  .hero-gallery .hero-flex__wrapper .hero-flex-row__wrapper {
            --sqs-site-gutter: 4vw;
        --sqs-mobile-site-gutter: 6vw;
        --sqs-site-max-width: 1400px;
        --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
    --cell-max-width: calc((var(--sqs-site-max-width, 1500px) -(11.0px*(8 - 1))) / 8);
    grid-template-rows: repeat(18, minmax(24px, auto));
    grid-template-columns: repeat(8, 1fr);
    row-gap: 11.0px;
    column-gap: 11.0px;
    min-height: 33vh;
  
  }
  #hero-gallery_image1 {
            grid-area: 2 / 3 / 7 / 6;
    z-index: 0;
    max-width: 164px!important
  }
  #hero-gallery_image2 {
    grid-area: 3 / 7 / 8 / 10;
    z-index: 1;
    max-width: 164px!important
  }
  #hero-gallery_image3 {
        grid-area: 12 / 3 / 19 / 7;
        z-index: 4;
        max-width: 164px;

}
#hero-gallery_image4 {
grid-area: 9 / 1 / 14 / 4;
    z-index: 4;
          max-width: 164px;
}
#hero-gallery_image5 {
        grid-area: 13 / 7 / 15 / 11;
        z-index: 2;
        max-height: 164px;
}
  .hero_textwrapper {
    max-width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}
}