/* One measured layout for Shop, Blog, Photos, Mailer and Site.
   1560px outer frame, 32px inner gutters => 1496px desktop content. */
:root {
 --wb-layout-max:1560px;
 --wb-layout-gutter:32px;
 --wb-layout-width:min(calc(var(--wb-layout-max) - var(--wb-layout-gutter) - var(--wb-layout-gutter)),calc(100% - var(--wb-layout-gutter) - var(--wb-layout-gutter)));
}
.wb-container { width:var(--wb-layout-width); margin-inline:auto; }
.wb-hero--fullwidth { --wb-hero-content-width:var(--wb-layout-width); }
@media(max-width:1399px) { :root { --wb-layout-gutter:20px; } }
@media(max-width:1199px) { :root { --wb-layout-gutter:16px; } }