/* GALLERY PAGE */

.gallery-page {
  width: min(1200px, 92vw);
  margin: 0 auto;

  display: block;

  padding-top: 50px;
  padding-bottom: 80px;
}

.gallery-back {
  display: inline-block;

  margin-bottom: 50px;

  color: white;
  text-decoration: none;

  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
}

.gallery-back:hover {
  color: #ffc515;
}


/* MASONRY GALLERY */

.gallery-grid {
  column-count: 3;
  column-gap: 20px;
}

.gallery-grid a {
  display: block;

  margin-bottom: 20px;

  break-inside: avoid;
}

.gallery-grid img {
  width: 100%;
  display: block;

  transition:
    transform 0.2s ease,
    filter 0.2s ease;
}

.gallery-grid a:hover img {
  transform: translateY(-4px);
  filter: brightness(1.12);
}


/* TABLET */

@media (max-width: 1000px) {
  .gallery-grid {
    column-count: 2;
  }
}


/* PHONE */

@media (max-width: 700px) {
  .gallery-page {
    width: 90vw;

    padding-top: 30px;
    padding-bottom: 50px;
  }

  .gallery-back {
    margin-bottom: 30px;
  }

  .gallery-grid {
    column-count: 1;
  }
}