/* =====================================
SECTION
===================================== */

.fs-section{

    padding:80px 0;
}

/* =====================================
GRID
===================================== */

.fs-grid{

    display:grid;

    gap:32px;
}

.fs-grid-2{

    grid-template-columns:
    repeat(2,1fr);
}

.fs-grid-3{

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

.fs-grid-4{

    grid-template-columns:
    repeat(4,1fr);
}

/* =====================================
FLEX
===================================== */

.fs-flex{

    display:flex;
}

.fs-between{

    justify-content:space-between;
}

.fs-center{

    align-items:center;
}

/* =====================================
RESPONSIVE
===================================== */

@media(max-width:991px){

    .fs-grid-4{

        grid-template-columns:
        repeat(2,1fr);
    }

    .fs-grid-3{

        grid-template-columns:
        repeat(2,1fr);
    }
}

@media(max-width:640px){

    .fs-grid-2,
    .fs-grid-3,
    .fs-grid-4{

        grid-template-columns:
        1fr;
    }
}