footer{
    background-color: var(--cf_primario);
    font-family : Myriad Pro;
}

.pie{
    margin: 0 auto;
    display: flex;
    max-width: 1000px;
    min-height: 130px;     
}

footer a{
    color: white;
    font-size : 1em;   
}
.foot_logo{ /*UBICACION DEL LOGO*/
    display: flex ;
    padding: 10px 40px 0px 40px;
    width: 200px;
}
.foot_informacion{ /*REDES*/
    display: flex ;
    align-items: center;
    width: 620px; 
}

.menu_inf a{
    display: left;
    padding: 6px;
    text-decoration: none;
    border-radius: 10px;
    border: var(--cf_primario) solid 1px;  
}

.menu_inf a:hover{
    padding: 6px;
    border-radius: 6px;
    border:var(--cf_secundario) solid 1px;
    color:var(--cf_secundario);
    transition: 0.4s ease-in-out;
}

.foot_redes{
    display: flex;
    align-items: center;
    width: 180px; 
}

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

    .pie{
        display: -webkit-box;
        display: -moz-box;
        display: box; 
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;     
    }

    .foot_logo{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;  
        width:100%;
        padding: 10px;
        height: 120px;      
    }  
    .logo_foot img{
        position:absolute;
        right: 0; 
        left: 0; 
        margin: 0 auto;
    } 
    .foot_redes{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        width:100%;
    }
    .menu_redes_foot{
        right: 0;
        left: 0; 
        margin: 0 auto; 
    }
    .foot_informacion {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;   
        width:100%;
        padding:20px;   
       }     
    .menu_inf{
       right: 0;
       left: 0; 
       margin: 0 auto;       
    }
    .menu_inf a{
        display: block;
    }
}