/* ========== DESKTOP ========== */
@media only screen and (min-width: 769px) {
    .grid {
        display: flex;
        flex-wrap: nowrap;
    }
    .intro-grid {
        display: flex;
        flex-wrap: nowrap;
    }
    .col-12 {
        width: 100%;
        padding: 1%;
    }
    .col-11 {
        width: 91.3%;
        padding: 1%;
    }
    .col-10 {
        width: 83%;
        padding: 1%;
    }
    .col-9 {
        width: 74.7%;
        padding: 1%;
    }
    .col-8 {
        width: 66.4%;
        padding: 1%;
    }
    .col-7 {
        width: 58.1%;
        padding: 1%;
    }
    .col-6 {
        width: 50%;
        padding: 1%;
    }
    .col-5 {
        width: 41.5%;
        padding: 1%;
    }
    .col-4 {
        width: 33.2%;
        padding: 1%;
    }
    .col-3 {
        width: 24.9%;
        padding: 1%;
    }
    .col-2 {
        width: 16.6%;
        padding: 1%;
    }
    .col-1 {
        width: 8.3%;
        padding: 1%;
    }
    /* ////////// Clients module \\\\\\\\\\ */
    .client-col-2 {
        width: 16.6%;
        padding: 1%;
    }
}

/* ========== MOBILE ========== */
@media only screen and (max-width: 768px) {
    .grid {
        display: flex;
        flex-wrap: wrap;
    }
    .intro-grid {
        display: flex;
        flex-wrap: nowrap;
    }
    .col-12 {
        width: 100%;
        padding: 1%;
    }
    .col-11 {
        width: 100%;
        padding: 1%;
    }
    .col-10 {
        width: 100%;
        padding: 1%;
    }
    .col-9 {
        width: 100%;
        padding: 1%;
    }
    .col-8 {
        width: 100%;
        padding: 1%;
    }
    .col-7 {
        width: 100%;
        padding: 1%;
    }
    .col-6 {
        width: 100%;
        padding: 1%;
    }
    .col-5 {
        width: 100%;
        padding: 1%;
    }
    .col-4 {
        width: 100%;
        padding: 1%;
    }
    .col-3 {
        width: 100%;
        padding: 1%;
    }
    .col-2 {
        width: 48%;
        padding: 1%;
    }
    .col-1 {
        width: 50%;
        padding: 1%;
    }
    /* ////////// Clients module \\\\\\\\\\ */
    .client-col-2 {
        width: 23%;
        padding: 1%;
    }
}