.layout-container {
  max-width: 100ch;
  margin: 0 auto;
  padding: 1rem 1rem 4rem;
}

main {
  margin-top: 4rem;
}

.region-content {
  max-width: 70ch;
}

@media (min-width: 600px) {
  .layout-container {
    padding: 2rem 2rem 4rem;
  }

  .region-content {
    margin-left: 4.5rem;
  }
}

@media (min-width: 800px) {
  .region-content {
    margin-right: 3rem;
  }
}