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

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

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

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

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

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