.site-hero {
  background: url("../purpose/img(10).jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-bottom: 25px solid goldenrod;
}

.hero-inner {
  background: linear-gradient(-45deg, rgba(0, 0, 0, 0.5), rgba(7, 7, 7, 0.918));
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hero-item {
  padding: 20px;
}

.hero-item h1 {
  font-size: 80px;
  color: lightgray;
}

.hero-item p {
  color: white;
  font-size: 30px;
}

.hero-item button {
  width: 180px;
  height: 40px;
}

.gallery-container {
  margin-top: 50px;
}

.g-grid {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
  -webkit-column-gap: 20px;
          column-gap: 20px;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.g-grid-v {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
  -webkit-column-gap: 20px;
          column-gap: 20px;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 10px;
          column-gap: 10px;
}

.gallery-wrapper {
  padding: 30px;
}

.gti {
  -webkit-transition: .3s;
  transition: .3s;
}

.gti img, .gti video {
  width: 100%;
  margin: 5px 0px;
}

.gti:hover {
  opacity: 0.8;
}

.gti-v {
  -webkit-transition: .3s;
  transition: .3s;
}

.gti-v video {
  width: 100%;
  margin: 5px 0px;
}

.gti-v:hover {
  opacity: 0.8;
}

.zoomed-container {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(7, 7, 7, 0.918);
  top: 0px;
  left: 0px;
  display: none;
  overflow-y: auto;
  z-index: 8000000;
}

.no-scroll {
  overflow-y: hidden;
}

.no-scroll::-webkit-scrollbar {
  display: none;
}

#zoomed {
  width: 50%;
  margin-left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  -webkit-transition: .3s;
  transition: .3s;
}

.zoomed-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  overflow: auto;
}

.d-tap {
  width: 100% !important;
}

.close-z {
  background: rgba(0, 155, 245, 0.966);
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 50000;
}

.control {
  background: rgba(0, 155, 245, 0.966);
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 600;
  pointer-events: visibleFill;
}

#c-right {
  right: 20px;
}

#c-left {
  left: 20px;
}

@media (max-width: 600px) {
  .gallery-wrapper {
    padding: 5px;
  }
  .gallery-wrapper .g-grid {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 7px;
            column-gap: 7px;
  }
  .close-z {
    color: white;
    top: 5px;
    right: 5px;
  }
  .control {
    background: rgba(0, 155, 245, 0.795);
    color: white;
  }
  #zoomed {
    width: 95%;
  }
  #c-right {
    right: 5px;
  }
  #c-left {
    left: 5px;
  }
}
/*# sourceMappingURL=gallery.css.map */