/*
 * @file
 * Provides the layout styles for two-column layout section.
 */
.layout--twocol-section .container-lg {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px;
}

@media screen and (width >= 991.8px) {
  .layout--twocol-section .container-lg {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
  }
  .layout--twocol-section.layout--twocol-section--33-67 .container-lg {
    grid-template-columns: 1fr 2fr;
  }
  .layout--twocol-section.layout--twocol-section--67-33 .container-lg {
    grid-template-columns: 2fr 1fr;
  }
  .layout--twocol-section.layout--twocol-section--25-75 .container-lg {
    grid-template-columns: 1fr 3fr;
  }
  .layout--twocol-section.layout--twocol-section--75-25 .container-lg {
    grid-template-columns: 3fr 1fr;
  }
}
/*# sourceMappingURL=twocol-section.css.map */