.container-90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


/* ===============================
   COLUMN GRID (SEPARATE CLASS)
   =============================== */

.grid-cols {
    display: grid;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* column counts */
.grid-cols.cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-cols.cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

/* spacing */
.grid-cols {
    gap: 1rem;
}

@media (max-width: 767px) {
    .grid-cols.cols-2,
    .grid-cols.cols-3 {
        grid-template-columns: 1fr;
    }
}