.layout.layout-twocol.has-no-container,
.layout.layout-twocol .container {
  display: grid;
  grid-gap: var(--Grid-Gutter);
}
@media (min-width: 704px) {
  .layout.layout-twocol.has-no-container,
  .layout.layout-twocol .container {
    grid-template-columns: repeat(12, 1fr);
  }
  .layout.layout-twocol.has-no-container .top, .layout.layout-twocol.has-no-container .bottom,
  .layout.layout-twocol .container .top,
  .layout.layout-twocol .container .bottom {
    grid-column: 1/13;
  }
  .layout.layout-twocol.has-no-container .top,
  .layout.layout-twocol .container .top {
    order: 1;
  }
  .layout.layout-twocol.has-no-container .col1,
  .layout.layout-twocol .container .col1 {
    order: 2;
  }
  .layout.layout-twocol.has-no-container .col2,
  .layout.layout-twocol .container .col2 {
    order: 3;
  }
  .layout.layout-twocol.has-no-container .bottom,
  .layout.layout-twocol .container .bottom {
    order: 4;
  }
}

@media (min-width: 704px) {
  .layout.layout-twocol.is-6_6.has-no-container .col1,
  .layout.layout-twocol.is-6_6 .container .col1 {
    grid-column: 1/span 6;
  }
  .layout.layout-twocol.is-6_6.has-no-container .col2,
  .layout.layout-twocol.is-6_6 .container .col2 {
    grid-column: 7/span 6;
  }
}

@media (min-width: 704px) {
  .layout.layout-twocol.is-4_8.has-no-container .col1,
  .layout.layout-twocol.is-4_8 .container .col1 {
    grid-column: 1/span 4;
  }
  .layout.layout-twocol.is-4_8.has-no-container .col2,
  .layout.layout-twocol.is-4_8 .container .col2 {
    grid-column: 5/span 8;
  }
}

@media (min-width: 704px) {
  .layout.layout-twocol.is-8_4.has-no-container .col1,
  .layout.layout-twocol.is-8_4 .container .col1 {
    grid-column: 1/span 8;
  }
  .layout.layout-twocol.is-8_4.has-no-container .col2,
  .layout.layout-twocol.is-8_4 .container .col2 {
    grid-column: 9/span 4;
  }
}

@media (min-width: 704px) {
  .layout.layout-twocol.is-9_3.has-no-container .col1,
  .layout.layout-twocol.is-9_3 .container .col1 {
    grid-column: 1/span 8;
  }
  .layout.layout-twocol.is-9_3.has-no-container .col2,
  .layout.layout-twocol.is-9_3 .container .col2 {
    grid-column: 9/span 4;
  }
}
@media (min-width: 960px) {
  .layout.layout-twocol.is-9_3.has-no-container .col1,
  .layout.layout-twocol.is-9_3 .container .col1 {
    grid-column: 1/span 9;
  }
  .layout.layout-twocol.is-9_3.has-no-container .col2,
  .layout.layout-twocol.is-9_3 .container .col2 {
    grid-column: 10/span 3;
  }
}

@media (min-width: 704px) {
  .layout.layout-twocol.is-7_5.has-no-container .col1,
  .layout.layout-twocol.is-7_5 .container .col1 {
    grid-column: 1/span 7;
  }
  .layout.layout-twocol.is-7_5.has-no-container .col2,
  .layout.layout-twocol.is-7_5 .container .col2 {
    grid-column: 8/span 5;
  }
}

@media (min-width: 704px) {
  .layout.layout-twocol.is-5_7.has-no-container .col1,
  .layout.layout-twocol.is-5_7 .container .col1 {
    grid-column: 1/span 5;
  }
  .layout.layout-twocol.is-5_7.has-no-container .col2,
  .layout.layout-twocol.is-5_7 .container .col2 {
    grid-column: 6/span 7;
  }
}

@media (min-width: 704px) {
  .layout.layout-twocol.is-sidebar.has-no-container .col1,
  .layout.layout-twocol.is-sidebar .container .col1 {
    grid-column: 1/span 8;
  }
  .layout.layout-twocol.is-sidebar.has-no-container .col2,
  .layout.layout-twocol.is-sidebar .container .col2 {
    grid-column: 9/span 4;
  }
}
@media (min-width: 1120px) {
  .layout.layout-twocol.is-sidebar.has-no-container .col2,
  .layout.layout-twocol.is-sidebar .container .col2 {
    grid-column: 10/span 3;
  }
}

/*# sourceMappingURL=layout--twocol.css.map */