/* FLEX-COLUMNS COMPOSITION */

.flex-columns {
  display: flex;
  flex-direction: column;
  margin-right: -1px;
  gap: var(--gutter);
}

@media (min-width: 60rem) { /* >= 960px */
  .flex-columns {
    flex-direction: row;
  }
  .flex-columns > * {
    flex: 1;
  }
}
