#interior-banner {
  height: 130px;
  background-image: url("/Content/images/banners/interior-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  position: relative;
}
@media screen and (max-width: 1450px) {
  #interior-banner {
    height: 200px;
  }
}
@media screen and (max-width: 1000px) {
  #interior-banner {
    height: auto;
    padding-bottom: 0;
    padding-top: 10px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 450px) {
  #interior-banner {
    height: 150px;
  }
}
@media screen and (max-width: 1000px) {
  #interior-banner .visual-nav {
    padding: 0px 0 10px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 450px) {
  #interior-banner .visual-nav {
    display: none;
  }
}
@media screen and (max-width: 570px) {
  #interior-banner {
    padding-top: 90px;
  }
}
@media screen and (max-width: 450px) {
  #interior-banner {
    padding-top: 0px;
  }
}

.gallery-grid {
  --col-count: 4;
  display: grid;
  grid-template-columns: repeat(var(--col-count), 1fr);
}
@supports (grid-template-rows: masonry) {
  .gallery-grid {
    grid-template-rows: masonry;
  }
}
@media screen and (max-width: 1000px) {
  .gallery-grid {
    --col-count: 3;
  }
}
@media screen and (max-width: 680px) {
  .gallery-grid {
    --col-count: 2;
  }
}
.gallery-grid .grid-item {
  position: relative;
  margin: 5px;
}
@supports not (grid-template-rows: masonry) {
  .gallery-grid .grid-item {
    aspect-ratio: 1;
    overflow: clip;
  }
}
.gallery-grid .grid-item img {
  position: relative;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
}
@supports not (grid-template-rows: masonry) {
  .gallery-grid .grid-item img {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100% !important;
  }
}/*# sourceMappingURL=gallery.css.map */