@media

/*(min-width: 270px) and */
(max-width: 667.98px) {

    body {
        font-size: small !important;
    }

    .head {
        width: 100% !important;
        height: 3.3rem;
        border-bottom: 1px solid #d4d4d4;
        display: flex;
        margin-bottom: 1rem;
    }

    .btn_menu {
        width: 3.8rem;
        height: 3.3rem;
        background-color: #27417a !important;
    }

    .grid-fill {
        font-size: 1.3rem !important;
        color: #f8f8f8 !important;
    }

    .col1,
    .col2 {
        display: flex;
    }

    .col1 {
        width: 22% !important;
    }

    .col2 {
        width: 78%;
    }

    .col3 {
        display: none;
    }

    /*
========================================================================
responsive de caudros                                                 // 
=======================================================================
*/


    .boton {
        height: 3.3rem !important;
        width: 4.9rem !important;
        font-size: small !important;
    }

}