/* The homepage sets the shared page frame: 1320px of content with responsive gutters. */
:root{--site-content-width:1320px;--site-gutter:60px}
body>main#main-content,body>.site-header,body>footer,.agency-footer-note{
  box-sizing:border-box;
  width:100%;
  max-width:calc(var(--site-content-width) + 2 * var(--site-gutter));
  margin-inline:auto;
  padding-inline:var(--site-gutter);
}
body>main#main-content .landing-content{max-width:none}
@media(max-width:1100px){:root{--site-gutter:35px}}
@media(max-width:800px){:root{--site-gutter:28px}}
@media(max-width:500px){:root{--site-gutter:22px}}
@media(max-width:360px){:root{--site-gutter:18px}}