@media screen and (max-width:400px){
      .dados{
     
          
          
      }


     p{
      line-height:1.8 ;  
      
     }
     
      a{
       
    /*   background-color:#FF0000;   */
      }
      li{
    /*   background-color:#0000FF;*/
       
      }
      ul{
       List-style:none; 
    /*   background-color: #FFF000; */ 
       
      }
      img{
       width: 100px;
       height: 200px;   
       border-radius:50%;   
      }
     .foot1{
      text-align:center;   
         
     }
    
     body{
     font-size: 16px; 
     font-family: Arial;  
        
    }
    .content{
      background-color: #00FF00; 
     
    }
    a{
     margin: 15px;    
    }
    .top{
    height:40px;
    text-align: center;
    padding-top : 30px;
   /* padding: 10px;*/
  /* background-color: #0000FF;*/ 
            
    }
    .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; 
        
    }
    a{
     margin: 25px;    
    }
    .top{
    text-align:center;
    padding:10px;
    background-color: #0000FF; 
    }
  
    .conteudo{
    background-color: #FF0000; 
            
        
    }
    .foot{
    background-color: #87cefa; 
              
        
    }
    
    
    
}