@media (min-width: 992px) {
  .layout:not(.layout-onecol) {
    display: grid;
    grid-gap: 20px;
    margin-bottom: 20px; } }
  @media (min-width: 992px) and (max-width: 991px) {
    .layout:not(.layout-onecol) {
      grid-gap: 15px;
      margin-bottom: 15px; } }
  @media (min-width: 992px) and (max-width: 559px) {
    .layout:not(.layout-onecol) {
      grid-gap: 10px;
      margin-bottom: 10px; } }

@media (min-width: 992px) {
  .layout__region--first {
    grid-area: first; }
  .layout__region--second {
    grid-area: second; }
  .layout__region--third {
    grid-area: third; }
  .layout__region--fourth {
    grid-area: fourth; }
  .layout__region--sidebar {
    grid-area: sidebar; }
  .layout__region--content {
    grid-area: content; } }

@media (max-width: 991px) {
  .layout-twocol-section {
    margin-bottom: 20px; }
    .layout-twocol-section__region-first {
      margin-bottom: 15px; } }

@media (min-width: 992px) {
  .layout-twocol-section--settings-onecol.layout {
    display: block; }
  .layout-twocol-section--settings-50-50 {
    grid-template: "first second" auto / 1fr   1fr; }
  .layout-twocol-section--settings-33-67 {
    grid-template: "first second" auto / 0.33fr   1fr; }
  .layout-twocol-section--settings-67-33 {
    grid-template: "first second" auto / 1fr   0.33fr; }
  .layout-twocol-section--settings-57-43 {
    grid-template: "first second" auto / 0.57fr   0.43fr; }
  .layout-twocol-section--settings-25-75 {
    grid-template: "first second" auto / 0.226fr   1fr; }
  .layout-twocol-section--settings-75-25 {
    grid-template: "first second" auto / 1fr   0.25fr; } }