@media only screen and (min-width : 150px) and (max-width : 667px)  { 

footer .logo
{    width: 90%;
    margin: 20px auto;
    text-align: center;

}
footer .menu
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
footer .menu ul
{
    width: 100%;
    margin: 0 auto;
    position: relative;
    align-items: center;
    left: -40px;
    margin: 15px auto;
}
footer .menu ul li
{
    width: 100%;
    margin: 0 auto;
}
.redes
{
    width: 90%;
    margin: 0 auto;
}

}






/*ipaddddd----------------------*/
@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px)  { /* STYLES GO HERE */
     footer .logo
        {    width: 90%;
            margin: 20px auto;
            text-align: center;

        }
        footer .menu
        {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 90%;
            margin: 0 auto;
        }
        footer .menu ul
        {
            width: 100%;
            margin: 0 auto;
            position: relative;
            align-items: center;
            left: -40px;
            margin: 15px auto;
        }
        footer .menu ul li
        {
            width: 100%;
            margin: 0 auto;
        }
        .redes
        {
            width: 40%;
            margin: 20px auto;
        }
}



@media only screen and (min-device-width : 668px) 
and (max-device-width : 812px)   { /* STYLES GO HERE */
 
   
        footer .logo
        {    width: 90%;
            margin: 20px auto;
            text-align: center;

        }
        footer .menu
        {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            width: 90%;
            margin: 0 auto;
        }
        footer .menu ul
        {
            width: 100%;
            margin: 0 auto;
            position: relative;
            align-items: center;
            left: -40px;
            margin: 15px auto;
        }
        footer .menu ul li
        {
            width: 100%;
            margin: 0 auto;
        }
        .redes
        {
            width: 40%;
            margin: 20px auto;
        }

}