/* about page */
.team-list {
  border-width  : 0;
  margin-bottom :30px;
}
@media (min-width: 980px) {
  .team-list {
    border-right : 1px solid var(--c-border);
  }
}
.team-list .nav-item a {
  color               : var(--c-text);
  font-size           : 16px;
  transition-property : color, font-weight;
  transition-duration : 0.3s;
  text-transform      : uppercase;
  display             : block;
  padding             : 3px 0;
}
.team-list .nav-item a:focus,
.team-list .nav-item a:hover {
  color               : black;
  font-size           : 16px;
  transition-property : color;
  transition-duration : 0.3s;
  text-decoration     : none;
}

.member-item {
  text-align  : center;
  padding     : 5%;
  padding-top : 80px;
}
@media (min-width: 980px) {
  .member-item {
    padding-top : 0;
  }
}


.member-item img {
  width  : 200px;
  height: 200px;
  display         : block;
  object-fit      : cover;
  object-position : top;
}

.job {
  color       : var(--c-primary);
  font-size   : 16px;
  font-weight : 600;
}
.job-live {
  border-color : var(--c-primary);
  border-width : 4px;
  width        : 50px;
}
.team-grid {
  display               : grid;
  grid-template-columns : 1fr 1fr 1fr 1fr;
}
@media (min-width: 980px) {
  .team-grid {
    grid-template-columns : 1fr 1fr 1fr 1fr 1fr;
  }
}
.img-team img {
  display         : block;
  object-fit      : cover;
  object-position : top;
  width           : 100%;
  aspect-ratio    : 1/1;
}