.grid{display:grid;gap:var(--grid-gap, 2rem);width:100%;margin:0 auto}.grid--2-col{grid-template-columns:repeat(2,1fr)}.grid--3-col{grid-template-columns:repeat(3,1fr)}.grid--4-col{grid-template-columns:repeat(4,1fr)}@media screen and (max-width: 1200px){.grid--4-col{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.grid{grid-template-columns:1fr;gap:1rem;padding:1rem}}