@media screen and (max-width:400px){
   .top1{
     text-align: center;  
   }
    body{
     font-family: Arial;  
     font-size: 16px;
     padding:0;
     margin:0;
        
    }
    
    body{
     font-family: Arial;  
     font-size: 16px;
     padding:0;
     margin:0;
        
    }
   /* .conteiner{
    background-color: #0000FF;    
    }     
    
    .conteudo{
     background-color: #00FF00;   
    }
    .top{
    background-color: #FF0000;    
        
    }
    .foot{
     background-color: #87cefa;   
    }*/
}
@media screen and (min-width:401px) and (max-width:30000px){
    .top1{
     text-align: center;   
        
    }
     body{
     font-family: Arial;  
     font-size: 13px;
     padding:0;
     margin:0;
        
    }
   /* .conteiner{
    background-color: #0000FF;    
    }     
    
    .conteudo{
     background-color: #00FF00;   
    }
    .top{
    background-color: #FF0000;    
        
    }
    .foot{
     background-color: #87cefa;   
    }*/
    
}