.visible {
  visibility: visible;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.inline {
  display: inline;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.max-w-74 {
  max-width: 74rem;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.gap-gutter {
  gap: var(--space-gutter);
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.col-span-6  {
  grid-column: span 6 / span 6;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.gap-gutter  {
  gap: var(--space-gutter);
}

.max-w-74    {
  max-width: 74rem;
}

.mx-auto     {
  margin-left: auto;
  margin-right: auto;
}

.px-gutter   {
  padding-left: var(--space-gutter);
  padding-right: var(--space-gutter);
}

@media (min-width: 768px) {
  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }
}