.o-team {
  @include contain;
  @include vspacing(
                  'margin-top' 1,
                  'margin-bottom' 1
  );
}

.o-team__matrix {
  @include mq(600) {
    @include flex(space-around wrap);
    margin: space(2) * -1;
  }
}

.o-team__item {
  margin: 0 auto space(4);
  max-width: 320px;

  @include mq(600) {
    margin: space(2);
    max-width: none;
    flex: none;
    flex-basis: calc(40% - #{space(4)}); // Longhand needed for IE
  }

  @include mq(1000) {
    flex-basis: calc(33.33% - #{space(4)});
  }

  @include mq(l) {
    flex-basis: calc(25% - #{space(4)});
  }

  .c-card__img {
    @include mq($max: m) {
      max-height: none;
    }

    @include mq(m, l) {
      max-height: none;
    }
  }
}