.layout-container {
  margin: 0 auto;
}

.page-wrap--general.page--width-standard {
  margin: 65px auto;
}

.page-wrap--general.page--width-full > .layout-container,
.content-header .layout-container,
.component--width-full .layout-container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .page-wrap--general.page--width-full > .layout-container,
  .content-header .layout-container,
  .component--width-full .layout-container {
    width: 768px;
  }
}
@media (min-width: 1220px) {
  .page-wrap--general.page--width-full > .layout-container,
  .content-header .layout-container,
  .component--width-full .layout-container {
    width: 1220px;
  }
}

.page-wrap--general.page--width-standard > .layout-container,
.component--width-standard .layout-container,
.node--view-mode-full .section-backlink .layout-container,
.content-footer .layout-container {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .page-wrap--general.page--width-standard > .layout-container,
  .component--width-standard .layout-container,
  .node--view-mode-full .section-backlink .layout-container,
  .content-footer .layout-container {
    width: 768px;
  }
}
@media (min-width: 1220px) {
  .page-wrap--general.page--width-standard > .layout-container,
  .component--width-standard .layout-container,
  .node--view-mode-full .section-backlink .layout-container,
  .content-footer .layout-container {
    width: 920px;
  }
}

/* Special cases. */
.node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full .layout-container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full .layout-container {
    width: 768px;
  }
}
@media (min-width: 1220px) {
  .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full .layout-container {
    width: 1220px;
  }
}


/* Undo any nested layout-container styles to prevent double margins. */
.component .layout-container .component .layout-container {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}


/*******************
 * MISC
 ******************/

.layout-icon__region {
  fill: #f5f5f2;
  stroke: #666;
}