.gallery {
  width: 100%; }
  .gallery-header {
    padding: 40px 80px;
    color: var(--secondary-color);
    text-align: center; }
    @media (max-width: 600px) {
      .gallery-header {
        padding: 20px; } }
    .gallery-header h1,
    .gallery-header h2 {
      font-weight: bold;
      font-size: clamp(1rem, calc(-0.875rem + 8.333vw), 2.5rem);
      text-transform: uppercase; }
    .gallery-header h1 {
      color: var(--secondary-color); }
    .gallery-header h2 {
      color: var(--primary-color); }
  .gallery-container {
    width: 100%;
    display: grid;
    height: 2000px;
    grid-template-columns: repeat(100, 1fr);
    grid-template-rows: repeat(100, 1fr); }
    .gallery-container .box {
      position: relative;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      cursor: pointer; }
      @media (max-width: 600px) {
        .gallery-container .box {
          grid-column: span 100 !important;
          grid-row: span 7 !important; } }
      .gallery-container .box:hover .park-data {
        visibility: visible;
        opacity: 1; }
      .gallery-container .box.one {
        grid-column: span 40;
        grid-row: span 15;
        background-image: url("../images/gallery/sections/1.jpg"); }
      .gallery-container .box.two {
        grid-column: span 30;
        grid-row: span 25;
        background-image: url("../images/gallery/sections/2.jpg"); }
      .gallery-container .box.three {
        grid-column: span 30;
        grid-row: span 25;
        background-image: url("../images/gallery/sections/3.jpg"); }
      .gallery-container .box.four {
        grid-column: span 40;
        grid-row: span 10;
        background-image: url("../images/gallery/sections/4.jpg"); }
      .gallery-container .box.five {
        grid-column: span 65;
        grid-row: span 27;
        background-image: url("../images/gallery/sections/5.jpg"); }
      .gallery-container .box.six {
        grid-column: span 35;
        grid-row: span 17;
        background-image: url("../images/gallery/sections/6.jpg"); }
      .gallery-container .box.seven {
        grid-column: span 35;
        grid-row: span 17;
        background-image: url("../images/gallery/sections/9.jpg"); }
      .gallery-container .box.nine {
        grid-column: span 35;
        grid-row: span 13;
        background-image: url("../images/gallery/sections/7.jpg"); }
      .gallery-container .box.eight {
        grid-column: span 30;
        grid-row: span 28;
        background-image: url("../images/gallery/sections/8.jpg"); }
      .gallery-container .box.eleven {
        grid-column: span 35;
        grid-row: span 21;
        background-image: url("../images/gallery/sections/11.jpg"); }
      .gallery-container .box.ten {
        grid-column: span 35;
        grid-row: span 15;
        background-image: url("../images/gallery/sections/10.jpg"); }
      .gallery-container .box.twelve {
        grid-column: span 20;
        grid-row: span 20;
        background-image: url("../images/gallery/sections/12.jpg"); }
      .gallery-container .box.therteen {
        grid-column: span 60;
        grid-row: span 20;
        background-image: url("../images/gallery/sections/13.jpg"); }
      .gallery-container .box.fourteen {
        grid-column: span 20;
        grid-row: span 20;
        background-image: url("../images/gallery/sections/14.jpg"); }

.activites-seperator {
  background-image: url("../images/contactus-bg.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%; }
  .activites-seperator h1 {
    color: #fff;
    font-size: clamp(2rem, calc(-0.875rem + 8.333vw), 3rem);
    margin: 0;
    padding: 80px 160px;
    font-weight: bold; }
    @media (max-width: 600px) {
      .activites-seperator h1 {
        padding: 40px; } }

.tour-res {
  background-color: #F3F5EE;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 160px;
  text-align: center; }
  @media (max-width: 600px) {
    .tour-res {
      padding: 40px; } }
  .tour-res h1 {
    color: var(--secondary-color);
    font-weight: bold;
    font-size: clamp(2rem, calc(-0.875rem + 8.333vw), 3rem);
    font-weight: bold;
    margin-bottom: 30px; }