.row{
    display: flex;
    flex-wrap: nowrap;
}
#contacto{
   flex-direction: column;
   margin-left: 2%;
}
h3{
    font-weight: 400 !important;
}
/* Mapa */
.mx-3 a{
    font-size: 1rem;
}
.fotoContacto{
    padding-left: 12%; 
}
#qr{
    max-width: 50%;
    margin-left: 0%;
}
footer{
    margin-top: 1%;
}
@media (min-width: 358px){
    .row{
        flex-wrap: wrap-reverse;    
    }
    #email_telefono,
    #direccion{
        max-width: 60%;
        margin-left: 15%;
        /* width: 40%;
        margin-left: 28%; */
    }
    /* #telefono{
        width: 50%;
        margin-left: 28%;
    } */
    /* #mail{
        width: 50%;
        margin-left: 28%;
    } */
    .mx-3 a{
        font-size: 1rem;
        margin-left: 40%;
        
    }
    .qr{
        margin-left: 20%;
        /* margin-left: 29%; */
    }
    #qr{
        max-width: 40%; 
        /* width: 30%;   */
    }
    #fotoContacto{
        max-width: 70%;
        height: 100%;
        margin-top: 2%;
        margin-left: 15%;
    }
   
}
@media (min-width: 575.98px){
    #email_telefono,
    #direccion{
        max-width: 60%;
        margin-left: 28%;
        /* width: 39%;
        margin-left: 28%; */
    }
    /* #telefono{
        width: 50%;
        margin-left: 28%;
    } */
    /* #mail{
        width: 50%;
        margin-left: 28%;
    } */
    .mx-3 a{
        font-size: 1rem;
        margin-left: 40%;
        
    }
    .qr{
        margin-left: 29%;
    }
    #qr{
        max-width: 30%;
         
    }
    #fotoContacto{
        max-width: 70%;
        height: 100%;
        margin-top: 2%;
        margin-left: 15%;
    }
   
}
@media (min-width: 768px){
    #contacto{
        margin-left: 1%;
    }
    .row{
        flex-wrap: nowrap;
    }

    #email_telefono,
    #direccion{
        max-width: 58%;
        /* width: 50%; */
        margin-left: 12%;
    }
    /* #telefono{
        width: 70%;
        margin-left: 12%;
    }*/
    /* #mail{ 
        width: 70%;
        margin-left: 12%;
    } */
    .mx-3 a{
        font-size: 1.1rem;
        margin-left: 20%;
        
    }
    .qr{
        max-width: 80%; 
        margin-left: 9%;
    }
    #fotoContacto{
        max-width: 40%;
        height: 20%;
        margin-left: 5%;
        margin-top: 6%;
    }
}
@media (min-width: 992px){
    #email_telefono,
    #direccion{
        max-width: 58%;
        /* width: 40%; */
        margin-left: 12%;
    }
    /* #telefono{
        width: 56%;
        margin-left: 12%;
    } */
    /* #mail{
        width: 56%;
        margin-left: 12%;
    } */
    .mx-3 a{
        font-size: 1.1rem;
        margin-left: 20%;
        
    }
    .qr{
        max-width: 80%; 
        margin-left: 9%;
    }
    #fotoContacto{
        max-width: 45%;
        height: 20%;
        margin-left: 5%;
        margin-top: 4%;
    }
}