a {
  text-decoration: none;
}

img {
  width: 100%;
  height: 100%;
  padding-right: 20px;
  -o-object-fit: cover;
  object-fit: cover;
}

.img-custom {
  height: 500px;
  object-fit: contain;
}

h3 {
  font-size: 32px;
  line-height: 42px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 15vh;
  width: 100%;
  text-align: center;
}

.image-magnific {
  width: 70%;
}

.gallery {
  display: flex;
  /* justify-content: center; */
  margin-top: 3px;
  width: 100%;
}

.gallery .gallery-magnific {
  width: 35%;
  height: 15vw;
  padding-bottom: 4.5vw;
}

.gallery .gallery-magnific:not(:last-child) {
  margin-right: 5px;
}

.gallery .title,
.gallery .author {
  font-weight: 700;
  color: #000;
}

.gallery .title {
  font-size: 1.1vw;
  margin-bottom: 5px;
  margin-top: 10px;
}

.gallery .author {
  font-weight: 400;
  font-size: 1vw;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: default;
}

.mfp-close {
  cursor: pointer !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 16px !important;
  margin-top: 10px;
}

@media only screen and (max-width: 978px) {
  .gallery {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
  }

  .gallery .gallery-magnific {
    width: 100%;
    height: 45vw;
    padding-bottom: 4.5vw;
  }

  .gallery .gallery-magnific2 {
    width: 100%;
    height: 45vw;
    padding-bottom: 4.5vw;
  }

  .gallery .gallery-magnific3 {
    width: 100%;
    height: 45vw;
    padding-bottom: 4.5vw;
  }

  .gallery .gallery-magnific4 {
    width: 100%;
    height: 65vw;
    padding-bottom: 4.5vw;
  }

  .gallery .gallery-magnific5 {
    width: 100%;
    height: 65vw;
    padding-bottom: 4.5vw;
  }

  .gallery .gallery-magnific7 {
    width: 100%;
    height: 95vw;
    padding-bottom: 4.5vw;
  }

  .gallery .gallery-magnific8 {
    width: 100%;
    height: 45vw;
    padding-bottom: 4.5vw;
  }
}