
   .description {
      background-color: #fff;
      box-shadow: var(--shadow-light);
     
      flex: 0 0 80%;
      margin-right: 4.5rem;
      display: flex;
      flex-direction: row;
      gap: 15rem;
    }
      
      @media only screen and (max-width: 37.5em) {
        .description {
          flex-direction: column;
          gap: 5rem; } }
      .description__section {
        flex: 1;
        min-width: 0; 
      font-size: 12px; }
      @media only screen and (max-width: 56.25em) {
        .description {
          padding: 2rem;
          margin-right: 3rem; } }
      @media only screen and (max-width: 37.5em) {
        .description {
          margin-right: 0;
          margin-bottom: 3rem; } }
  
        .credentials {
          display: block;
          margin-left: 800px;
          margin-top: 0.5rem;
          margin-bottom: 2.5rem;
        }
    .credentials-small-images {
      grid-column: 1 / -1;
      padding: 0.5rem 1rem;
      font-size: 0.85rem;
      text-align: left;
    }
    .credentials-small-images-first-row {
      grid-column: 1 / -1;
      padding: 0.5rem 1rem;
      font-size: 0.85rem;
      text-align: left;
    }

    .gallery-grid {
      width: 100%;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      border: 1px solid var(--color-grey-light-3);
    }

    .gallery-grid__row {
      display: flex;
      flex-wrap: wrap;
      margin: 0;
      padding: 0;
    }

    .gallery-grid__cell {
      box-sizing: border-box;
      flex: 1 1 100%;
      min-width: 0;
      padding: 1rem;
      background-color: #fff;
    }

    @media only screen and (min-width: 36em) {
      .gallery-grid__cell {
        flex: 1 1 50%;
      }
    }

    @media only screen and (min-width: 62em) {
      .gallery-grid__cell {
        flex: 1 1 25%;
      }
    }

    .gallery-grid__ratio {
      aspect-ratio: 3 / 2;
      overflow: hidden;
      width: 100%;
    }

    .gallery-grid--ratio-4-3 .gallery-grid__ratio {
      aspect-ratio: 4 / 3;
    }

    .gallery-grid__img {
      width: 100%;
      height: auto;
   
      display: block;
    }

    .map{
        width: 80%;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 10px auto; 
      }
  .arrival {
    margin-top: 20px; 
  }
  
    .destination {
      max-width: 90rem;
      width: 100%;
      padding: 0 2rem;
      box-sizing: border-box;
      font-size: 14px; 
    }
    .location-map-section {
      font-size: 12px;
    }
  
    .location-map {
      text-align: center;
  
    }
