.team-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: $global-padding*2;

  @include breakpoint(large down) {
    justify-content: space-around;
  }
}

.team-member {
  margin-top: 1rem;
  width: 360px;

  @include breakpoint(large down)
  {
    max-width: 360px;
  }

  .team-text {
    margin-top: 20px;

    h3 {
      color: $brand-primary;
    }
  }

  .team-desc {
    line-height: 1.2rem;
  }
}

@media only screen and (min-width: 1025px) {
  .team-member {
    width: 380px;
  }
}

@include breakpoint(medium down) {
  .team-member {
    margin: 20px auto;
  }
}