/**
 * @file
 * Layout styles for a four column layout.
 */

.layout--fourcol-section {
  justify-items: center;
}

@media screen and (min-width: 30em) {
  .layout--fourcol-section {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 50em) {
  .layout--fourcol-section {
    grid-template-columns: repeat(4, 1fr);
    justify-items: normal;
  }
}