/* A calm, centered desktop column across pages; section colors stay full-bleed. */
:root{--site-content-width:1080px;--site-gutter:40px}
@media(min-width:761px){
  .site-header{max-width:calc(var(--site-content-width) + 2 * var(--site-gutter))}
  body .home-hero .hero-inner{max-width:var(--site-content-width);padding-right:var(--site-gutter);padding-left:var(--site-gutter)}
  .home-compare,.home-method,.home-questions,.home-closing,
  .tribe-difference,.about-principles,.section,.sub-hero,.promotions-intro{
    padding-right:max(var(--site-gutter),calc((100% - var(--site-content-width))/2));
    padding-left:max(var(--site-gutter),calc((100% - var(--site-content-width))/2));
  }
  .about-statement{padding-right:var(--site-gutter);padding-left:var(--site-gutter)}
  .about-statement-inner{max-width:var(--site-content-width)}
  .about-next{box-sizing:border-box;max-width:calc(var(--site-content-width) + 2 * var(--site-gutter));padding-right:var(--site-gutter);padding-left:var(--site-gutter)}
  .promotions-list{box-sizing:border-box;max-width:calc(var(--site-content-width) + 2 * var(--site-gutter));padding-right:var(--site-gutter);padding-left:var(--site-gutter)}
  .self-main,.self-option-main{box-sizing:border-box;width:min(var(--site-content-width),calc(100% - 2 * var(--site-gutter)));max-width:none;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
  footer{box-sizing:border-box;max-width:calc(var(--site-content-width) + 2 * var(--site-gutter));padding-right:var(--site-gutter);padding-left:var(--site-gutter)}
}

/* One content column for navigation, marketing and estimate pages. */
:root{--site-content-width:1200px;--site-gutter:32px}
@media(min-width:761px){
body .self-main,body .self-option-main{box-sizing:border-box;width:min(1200px,calc(100% - 64px));max-width:1200px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
body .promotions-list{box-sizing:border-box;width:min(1264px,100%);max-width:1264px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
body footer{box-sizing:border-box;width:calc(100% - 64px);max-width:1200px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
}
@media(max-width:760px){
:root{--site-gutter:20px}
body .self-main,body .self-option-main{box-sizing:border-box;width:calc(100% - 40px);max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
body .promotions-list{box-sizing:border-box;width:100%;max-width:none;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
body footer{box-sizing:border-box;width:calc(100% - 40px);max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
}