

  #gallerySection {
    margin-bottom: 1em;
  }

  .innerSection {
    display: grid;
    grid-row-gap: 1em;
    grid-column-gap: 2em;
    grid-template-columns: 1fr;
    padding: 2em 1em;
  }
  
  .innerSection div > h2 {
    font-weight: bold;
    margin: 0em 0em 1em 0em;
  }
  
  .teamItemsTitle {
    margin: 0em auto;
    text-align: center;
  }
  
  #teamItems {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
    grid-gap: 1em;
    justify-content: center;
    align-items: start;
  }
  
  #teamItems img {
    border: 0.01em solid #eff4ff;
    
    margin-bottom: 0.5em;
  }
  
  #teamItems h2 {
    font-size: 1.1em;
  }

  #teamItems h3 {
   font-size: 1em;
   line-height: 1.3;
   margin-bottom: 0.5em;
   color: #1d3b58;
  }

  #teamItems p {
   font-size: 0.9em;
   line-height: 1.3;
   color: #3388ff;
  }
  
  #hotelGalleryPhotos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25em;
  }
  
   #testimonialsHome h3 {
    padding-bottom: 2em;
  }
  

  @media screen and (min-width:400px) {
    
    #teamItems {
      grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
      grid-gap: 1em;
    }
    
    .teamItemsTitle {
      margin: 0em auto;
      text-align: center;
      max-width: 100%;
    }
  
    
  }

  @media screen and (min-width:720px) {
    
    #teamItems {
      grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
      grid-gap: 1.5em;
    }
  
  }


  @media screen and (min-width: 830px) {
  
    .doubleColumnGrid.twoColumns {
    
      grid-template-columns: 1fr 1fr;
      align-items: center;
    }
  
    .doubleColumnGrid.twoColumns h2 {
      grid-column: initial;
    }
  
    .doubleColumnGrid.twoColumns:nth-of-type(2n+1) > h2 {
      
      order: 1;
      grid-row: 1;
      justify-self: flex-start;
    }
  
    .doubleColumnGrid.twoColumns:nth-of-type(2n+1) > img {
  
      order: 2;
      grid-row: 1 / span 2;
    }
  
    .gridSecton.twoColumns:nth-of-type(2n+1) > p {
      order: 1;
      grid-row: 2;
    }
  
    .doubleColumnGrid.twoColumns:nth-of-type(2n) > h2 {
      order: 2;
      grid-row: 1;
      justify-self: flex-start;
    }
  
    .doubleColumnGrid.twoColumns:nth-of-type(2n) > img {
      order: 1;
      grid-row: 1 / span 2;
    }
  
    .doubleColumnGrid.twoColumns:nth-of-type(2n) > p {
      order: 2;
      grid-row: 2;
    }
  
    .teamItemsTitle {
      margin: 0em auto;
      text-align: center;
      max-width: 70%;
    }
    
  
  }

  @media screen and (min-width:860px) {
    
    #teamItems {
      grid-template-columns: repeat(auto-fit, minmax(14em, 1fr));
      grid-gap: 1.5em;
    }
    
    .testimonialsCont {
      padding-top: 0em;
      order: -1;
      
    }
  }
