@media only screen and (max-width:350px) {

    .logo_crd {
        width: 40%;
    }

    .btn_abrir {
        width: 100px;
        bottom: 70px;
        width: 60px;
        height: 60px;
}
        .btn_cerrar {
            width: 40px;
            height: 40px;
        }

        .modal {
            width: 90vw;
        }

        .logo_hm {
            width: 30%;
        }

        .hm_element {
            padding: 20px;
            gap: 40px;
            top: 30px;
        }

        #hm_element1,
        #hm_element2,
        #hm_element3,
        #hm_element4,
        #hm_element4_bis,
        #hm_element5,
        #hm_element6,
        #hm_element7,
        #hm_element8 {
            font-size: 18px;
        }

        #nav a {
            padding: 12px;
        }


        #side_menu {
            width: 250px;
            bottom: 0px;
            left: 0px;

        }
        #side_menu a{
            font-family: Bungee;
            font-size: 16px;
            line-height: 30px;
            text-decoration: none;
        }

        .hor_line1,
        .hor_line2,
        .dot1,
        .dot2,
        .img1,
        .img2 {
            display: none;
        }

        .mex,
        .cr {
            width: 250px;
            height: 250px;
        }
.mex{
    top: 0px;
}
        .cr {
            right: 0px;
            top:0px;
            bottom: 0px;
        }
        .p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8{
            font-family: Kodchasan regular;
            font-size: 16px;
            color: black;
            position: relative;
            padding-bottom: 10px;
        }
        
 .social_link a{
        width: 45px;
        height: 45px;
        line-height: 45px;
        bottom: 5px; 
        font-size: 25px;   
    }
    .whatsapp{
    width: 60px !important;
    height: 60px !important;
    font-size: 30px !important;
    line-height: 60px !important;
}
    h4{
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
        position: relative;
        bottom: 50px;
    }  
        .ul_footer{
            position: relative;
            bottom: 0px;
            right: 20px;
            top: 0px;
            display: block;
            
        }
        .li_footer a{
            font-size: 10px;
            
        }
        
       
       
    }