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

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

.team-member {
  max-width: 360px;

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

    h3 {
      color: $brand-primary;
    }
  }

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

@include breakpoint (large up) {
  .team-member {
    width: 360px;
  }
}

@include breakpoint(large down) {
  .team-member:nth-child(n+3) {
    margin-top: 1rem;
  }
}

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