/* Balance the About team layout now that the grid contains six members. */
@media (min-width: 901px) {
  .about-team__grid > .about-team__card:nth-child(n) {
    grid-column: span 2;
    justify-self: stretch;
    width: auto;
  }

  .about-team.is-cards-visible .about-team__card:nth-child(6) {
    transition-delay: 0.49s;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  .about-team__grid > .about-team__card:nth-child(n) {
    grid-column: span 1;
    justify-self: stretch;
    width: auto;
  }
}

@media (max-width: 700px) {
  .about-team__grid > .about-team__card:nth-child(n) {
    grid-column: 1;
    justify-self: stretch;
    width: 100%;
  }
}