
  
  #teamItems {
    grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
    grid-gap: 2em 1em;
  }
  
  #teamItems > div > img {
    border: 0.01em solid #d7e3f1;
    text-align: center;
    
    margin-bottom: 0.5em;
    background-color: #d7e3f1;
  }
  
  #teamItems h3 {
    color: #0ca49f;
  }
  

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

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

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

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