/* Para 320px */  
@media only screen and (max-width: 480px) and (min-width: 5px)  {  
    .logo{
        width:120px;
        height: 60px;
        
    }
} 
/* Para 600px */  
@media only screen and (max-width: 620px) and (min-width: 501px) {  
    .logo{
        width:180px;
        height: 80px;
        margin-top: -15px;
    }
    
} 
/* Para 800px */  
@media only screen and (max-width: 820px) and (min-width: 621px) {  
    .logo{
        width:180px;
        height: 80px;
        margin-top: -15px;

    }
}