.container { max-width: var(--max-w); margin: 0 auto; padding: 0 var(--container-pad); }
.section { padding: var(--section-pad); }
.section--cream     { background: var(--cream); }
.section--white     { background: var(--white); }
.section--cream-mid { background: var(--cream-mid); }
.section__header--center {
  text-align: center; margin-bottom: 56px;
  display: flex; flex-direction: column; align-items: center;
}

@media (max-width: 720px) {
  .container { padding: 0 20px; }
}