.layout--fourcol {
  display: grid;
  gap: 1.25rem;
}

@media (max-width: 767px) {
  .layout--fourcol {
    grid-template-columns: 1fr !important;
  }
}

.layout--fourcol--3-3-3-3 { grid-template-columns: 3fr 3fr 3fr 3fr; }