.layout-threecol .container {
  display: grid;
  grid-gap: var(--Grid-Gutter);
}
@media (min-width: 704px) {
  .layout-threecol .container {
    grid-template-columns: repeat(3, 1fr);
  }
  .layout-threecol .container .top,
  .layout-threecol .container .bottom {
    grid-column: 1/span 3;
  }
  .layout-threecol .container .col1 {
    grid-column: 1;
  }
  .layout-threecol .container .col2 {
    grid-column: 2;
  }
  .layout-threecol .container .col3 {
    grid-column: 3;
  }
  .layout-threecol .container .col1 > *,
  .layout-threecol .container .col2 > *,
  .layout-threecol .container .col3 > * {
    height: 100%;
  }
}

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