.l-section {
  margin-bottom: var(--layout--s10);
  padding: var(--layout--s7) var(--layout--page-margin);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-flow: column;
}

.l-section--blue {
  background-color: var(--color--blue);
}

.l-section--clear {
  padding-top: var(--layout--s0);
  padding-bottom: var(--layout--s0);
}

.l-section--maroon {
  background-color: var(--color--maroon);
}

.l-section--dark-turquoise {
  background-color: var(--color--dark-turquoise);
}

.l-section--dark-turquoise-70 {
  background-color: var(--color--dark-turquoise-70);
}

.l-section--dark-tan {
  background-color: var(--color--dark-tan);
}

.l-section--light-tan-70 {
  background-color: var(--color--light-tan-70);
}