.layout--twocol > .layout__inner {
  display: flex;
  flex-flow: column;
  row-gap: 1.5rem;
}
@media (min-width: 768px) {
  .layout--twocol > .layout__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    row-gap: 0;
    justify-content: space-between;
  }
  .layout--twocol > .layout__inner > .layout__region--prefix,
  .layout--twocol > .layout__inner > .layout__region--suffix {
    grid-column: 1/span 2;
  }
  .layout--twocol > .layout__inner > .layout__region--first {
    grid-column: 1;
  }
  .layout--twocol > .layout__inner > .layout__region--second {
    grid-column: 2;
  }
}