.font-secondary {
  font-family: 'Merriweather', 'Georgia', serif;
}

.columns {
  display: grid;
  gap: var(--grid-gap, 16px);
  grid-template-columns: 1fr;
}

@media screen and (min-width: 768px) {
  .columns {
    grid-template-columns: var(--template-columns);
  }
}