.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--dl-space-space-threeunits);
  width: 100%;  
  margin: 0 auto;
  text-align: center; 
}

.team-card {
  flex-grow: 1;
  background-color: var(--dl-color-scheme-white);
  border-radius: var(--dl-radius-radius-radius8);
  box-shadow: 0 4px 8px rgba(0,0,0,0.08);
  padding: var(--dl-space-space-twounits);
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.team-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.12);
}

.max-content-container{
    width: 100%;
    font-size: 10px;
}


.meet-umd-title{
    text-align: center;
    width:100%;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 20px;
}

.page-title {
  /* min, preferred fluid, max */
  font-size: clamp(1.5rem, 2.5vw + 1rem, 3rem);
  line-height: 1.2;
  width: 100%;
  text-align: center;
  margin: 40px 40;
}


.team-links a {
  font-size: 13px;
}

#select-team {
  padding-top: 7px;
  padding-bottom: 7px;

}




.team-photo {
  width: 160px;
  height: 160px;
  border-radius: var(--dl-radius-radius-round);
  object-fit: cover;
  margin: 0 auto var(--dl-space-space-oneandhalfunits);
}

    @media (max-width : 1000px) {
      .team-grid {      
  display: grid;
  
  grid-template-columns: 1fr;
      }
}