/*
 * @file
 * Provides the layout styles for two-column layout section.
 */
/* Navigation related breakpoints */
/* Grid related breakpoints */
.layout--twocol-section {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--grid-gap);
}

@media (min-width: 62.5rem) {
  .layout--twocol-section--50-50 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .layout--twocol-section--33-67 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  }
  .layout--twocol-section--67-33 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  }
  .layout--twocol-section--25-75 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  }
  .layout--twocol-section--75-25 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  }
}