@media screen and (max-width:400px){
      p{
      line-height: 1.8; 
       
       
      }
 
     .lei{
     text-align:center;    
     
     }
     .foot1{
      text-align:center;   
         
     }
     img{ 
     width:300px;
     height: 150px;    
         
     }
   
     body{
     font-size: 16px; 
     font-family: Arial;  
        
    }
    /*.content{
      background-color: #00FF00; 
        
    }
    .top{
    background-color: #0000FF; 
            
    }
    .conteudo{
    background-color: #FF0000; 
            
        
    }
    .foot{
    background-color: #87cefa; 
              
        
    }*/
}
@media screen and (min-width:401px) and (max-width:1800px){
   p{ 
       line-height: 1.4;
   }
     body{
     font-size: 12px; 
     font-family: Arial;  
        
    }
    /*.content{
      background-color: #00FF00; 
        
    }
    .top{
    background-color: #0000FF; 
            
    }
    .conteudo{
    background-color: #FF0000; 
            
        
    }
    .foot{
    background-color: #87cefa; 
              
        
    }*/
    .lei{
     text-align:center;    
     
     }
     .foot1{
      text-align:center;   
         
     }
  
      img{ 
     width:800px;
     height: 300px;    
         
     }
   
    
    
}