.l__region {
  width: 100%; }

.l__region + .l__region {
  margin-top: 1.5rem; }
  @media (min-width: 55em) {
    .l__region + .l__region {
      margin-top: 3rem; } }
  @media (min-width: 62em) {
    .l__region + .l__region {
      margin-top: 0; } }

.l__header + .l__main {
  margin-top: 1.5rem; }

.l__main + .l__footer {
  margin-top: 1.5rem; }

.l__main {
  width: 100%; }

@media (min-width: 62em) {
  .l--prototype-layouts-onecolumn .l__main {
    display: block; } }

.l--prototype-layouts-onecolumn .l__region {
  width: 100%; }

.l--extra-narrow.l--prototype-layouts-twocolumn-twothirds-onethird .l__primary {
  padding-left: 5.88235%; }

.l__main > .l__primary,
.l__main > .l__secondary {
  width: 100%; }

@media (min-width: 62em) {
  .l__main {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
        grid-template-rows: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .l__main > .l__primary {
      grid-area: primary; }
    .l__main > .l__secondary {
      grid-area: secondary; }
    .l__main > .l__tertiary {
      grid-area: tertiary; }
    .l--prototype-layouts-twocolumn-halves .l__main {
      -ms-grid-columns: 43.47826% 43.47826%;
          grid-template-columns: 43.47826% 43.47826%;
      grid-template-areas: "primary secondary"; }
    .l--prototype-layouts-twocolumn-onethird-twothirds .l__main {
      -ms-grid-columns: 31.30435% 60.86957%;
          grid-template-columns: 31.30435% 60.86957%;
      grid-template-areas: "primary secondary"; }
    .l--prototype-layouts-twocolumn-twothirds-onethird .l__main {
      -ms-grid-columns: 60.86957% 31.30435%;
          grid-template-columns: 60.86957% 31.30435%;
      grid-template-areas: "primary secondary"; }
    .l--prototype-layouts-threecolumn-thirds .l__main {
      -ms-grid-columns: 31.30435% 31.30435% 31.30435%;
          grid-template-columns: 31.30435% 31.30435% 31.30435%;
      grid-template-areas: "primary secondary tertiary"; }
    .l--prototype-layouts-threecolumn-half-quarter-quarter .l__main {
      -ms-grid-columns: 43.47826% 21.73913% 21.73913%;
          grid-template-columns: 43.47826% 21.73913% 21.73913%;
      grid-template-areas: "primary secondary tertiary"; }
    .l--prototype-layouts-threecolumn-quarter-half-quarter .l__main {
      -ms-grid-columns: 21.73913% 43.47826% 21.73913%;
          grid-template-columns: 21.73913% 43.47826% 21.73913%;
      grid-template-areas: "primary secondary tertiary"; }
    .l--prototype-layouts-threecolumn-quarter-quarter-half .l__main {
      -ms-grid-columns: 21.73913% 21.73913% 43.47826%;
          grid-template-columns: 21.73913% 21.73913% 43.47826%;
      grid-template-areas: "primary secondary tertiary"; } }

.no-padding-top .l--padded {
  padding-top: 0; }