/* ==========================================================
LAYOUT
========================================================== */

.container{

    width:min(90%,var(--container));

    margin:auto;

}

.section{

    padding:var(--section) 0;

}

.grid-2{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

}

.grid-3{

    display:grid;

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

    gap:35px;

}

.grid-4{

    display:grid;

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

    gap:30px;

}