.grid{display:grid}
.grid-2{grid-template-columns: 1.4fr .9fr}
.gap-lg{gap:18px}

@media (max-width: 980px){
  .grid-2{grid-template-columns: 1fr}
}

.cards-grid{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 1100px){ .cards-grid{grid-template-columns: repeat(3, 1fr);} }
@media (max-width: 820px){ .cards-grid{grid-template-columns: repeat(2, 1fr);} }
@media (max-width: 520px){ .cards-grid{grid-template-columns: 1fr;} }