:root {
  --webr-content-max: 1536px;
  --webr-content-gutter: clamp(1rem, 2.4vw, 2.5rem);
}

#div_main > div[class*="max-w-6xl"],
#div_main > div[class*="max-w-7xl"],
#div_main > div[class*="max-w-screen-xl"],
#div_main > main[class*="max-w-6xl"],
#div_main > main[class*="max-w-7xl"],
#div_main > main[class*="max-w-screen-xl"],
#div_main > section[class*="max-w-6xl"],
#div_main > section[class*="max-w-7xl"],
#div_main > section[class*="max-w-screen-xl"] {
  box-sizing: border-box;
  width: min(var(--webr-content-max), calc(100vw - (var(--webr-content-gutter) * 2))) !important;
  max-width: min(var(--webr-content-max), calc(100vw - (var(--webr-content-gutter) * 2))) !important;
  padding-left: var(--webr-content-gutter) !important;
  padding-right: var(--webr-content-gutter) !important;
}

@media (max-width: 767px) {
  :root {
    --webr-content-gutter: 1rem;
  }
}