/* 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;
  }
}
.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}