.openingHoursSection {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--spacing-gap-column);
  row-gap: var(--spacing-gap-row);

  p {
      grid-column: 2 / span 10;
  }
}

.openingHoursSubsection {
  grid-column: span 5;
  margin: 1rem 0 0;

  &:nth-of-type(odd) {
    grid-column: 2 / span 5;
  }

  h3 {
    margin-bottom: .5rem;
  }
}

.dayRange {
  &:first-letter {
    text-transform: capitalize;
  }
}

@media (max-width: 1000px) {
  .openingHoursSection {
    p {
      grid-column: 1 / -1;
    }
  }
  .openingHoursSubsection,
  .openingHoursSubsection:nth-of-type(odd) {
    grid-column: 1 / -1;
  }
}