/**
 * Contains functions and mixins for breakpoints.
 */
/**
 * Map manipulation functions.
 */
.columns {
  display: grid;
  column-gap: 2rem;
  row-gap: 2rem; }

@media (min-width: 62rem) {
  .columns-two {
    grid-template-columns: 1fr 1fr; }
  .columns-three {
    grid-template-columns: 1fr 1fr 1fr; }
  .columns-four {
    grid-template-columns: 1fr 1fr 1fr 1fr; } }

/*# sourceMappingURL=columns.css.map */