body{
    
    
background-color: #0000FF;
}
@media screen and (max-width:400px){
      
     body{
     font-size: 16px; 
     font-family: Arial;  
        
    }
    .content{
      background-color: #00FF00; 
     
    }
     .top{
    
    text-align: center;
    background-color:#00FF00;
   
            
    }
    .conteudo{
    background-color: #FF0000; 
            
        
    }
    .foot{
    background-color: #87cefa; 
              
        
    }
}
@media screen and (min-width:401px) and (max-width:1800px){
     body{
     font-size: 12px; 
     font-family: Arial;  
        
    }
    .content{
      background-color: #00FF00; 
        
    }
      .top{
    text-align:center;
    padding:10px;
    background-color: #0000FF; 
    }
  
    .conteudo{
    background-color: #FF0000; 
            
        
    }
    .foot{
    background-color: #87cefa; 
              
        
    }
    
    
    
}