main {
  min-height: calc(100vh - 200px);
}

section {
  width: min(100% - (2 * var(--spacing-md)), 1200px);
  margin-inline: auto;
  padding-block: var(--spacing-xl);
}

section h2 {
  margin-bottom: var(--spacing-lg);
  text-align: center;
}

@media (max-width: 768px) {
  :root {
    --font-size-3xl: 2rem;
    --font-size-2xl: 1.75rem;
    --spacing-xl: var(--spacing-7);
    --spacing-lg: var(--spacing-6);
    --spacing-md: var(--spacing-5);
  }

  section {
    width: min(100% - (2 * var(--spacing-sm)), 1200px);
    padding-block: var(--spacing-lg);
  }
}