.row {
  display: flex;
  flex-wrap: wrap;

  margin-top: calc(var(--gutter-width) * 2);
  margin-right: calc(var(--gutter-width) / -2);
  margin-bottom: calc(var(--gutter-width) * 2);
  margin-left: calc(var(--gutter-width) / -2);

  @media(min-width: 1400px) {
    margin-top: calc(var(--gutter-width) * 4);
    margin-bottom: calc(var(--gutter-width) * 4);
  }

  &:first-child {
    margin-top: 0;
  }
  &:last-child {
    margin-bottom: 0;
  }
}