.blocks {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: $spacer-base;

  > * {
    flex-basis: 100%;
  }

  > * + * {
    margin-top: $spacer-sm;
  }
}

@media screen and (min-width: $grid-breakpoint-md-lg) {
  .blocks {
    flex-wrap: nowrap;
    margin-bottom: $spacer-base;

    > * {
      flex-basis: 0;
      flex-grow: 1;
    }

    > * + * {
      margin-top: 0;
      margin-left: $spacer-md;
    }
  }

  .two-column {
    flex-grow: 2;
  }
}