:root {
  --siteSidePadding: 7.25rem;
  --siteContainerMaxWidth: 81rem;
}

.container {
  width: min(calc(100% - (var(--siteSidePadding) * 2)), var(--siteContainerMaxWidth));
  margin: 0 auto;
}

@media (max-width: 860px) {
  :root {
    --siteSidePadding: 0.75rem;
  }
}

@media (max-width: 560px) {
  :root {
    --siteSidePadding: 0.6rem;
  }
}