/* TM CMS Page */
section#intro {
  padding: 10vw 0px;
  text-align: center;
}
section#intro h1 {
  padding: 0px;
  margin: 0px;
  text-align: center;
}
.container.top-accent {
  padding: 10vw 0px;
  border-top: 3px solid var(--accent-color);
  text-align: center;
}
div.gallery-area {
  padding: 0vw 0px 0px 0px;
  display: grid;

  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  gap: 60px 30px;
}
div.gallery-area div.photo {
}
div.gallery-area div.photo img {
  width: 301px;
  height: 201px;
  opacity: 0.8;
  object-fit: cover;
}
div.gallery-area div.photo img:hover {
  cursor: pointer;
  opacity: 1;
}

@media (max-width: 1280px) {
  div.gallery-area {
    grid-template-columns: repeat(3, 1fr);
    gap: 60px 30px;
  }
}

@media (max-width: 1080px) {
  div.gallery-area {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
  div.gallery-area div.photo img {
    width: 100%;
    opacity: 1;
  }
}

@media (max-width: 480px) {
  div.gallery-area {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
  }
}