@media screen and (max-width:400px){
    .uma{
     width:170px;
     height:300px;   
        
    }
    
     .contf{
     text-align:center;
     display:float;    
     }
     .duas{
     width: 270px;
     height: 370px;    
     }
     img{
     width: 270px;
     height: 370px;    
     }
     .top1{
      font-size: 18px;   
         
     }
     .foot2{
      padding-bottom: 30px;  
      text-align: center; 
     }
     .cont1{
      text-align: center;   
     }
     .top1{
       text-align: center;  
         
     }
    /* .content{
      background-color: #FF0000;  
     }*/
    /* .conteudo{
      background-color: #87CEFA; 
         
     }
     .top{
     background-color: #00FF00; 
     }
     .foot{
     background-color: #0000FF;  
         
     }*/
     body{
      font-size: 16px;
      font-family: Arial;
    }
    .footu{
     font-size: 14px;
     color: #87cefa;  
    }
}
@media screen and (min-width:401px) and (max-width:1800px){
    .uma{
     width:400px;
     height:300px;   
        
    }
    .contf{
     text-align:center;
     display:float;    
     }
     .duas{
     width: 270px;
     height: 370px;    
     }
     img{
     width: 600px;
     height: 400px;    
     }
 
     .top1{
      font-size:14px;   
         
     }
    
     .cont1{
       text-align: center;   
     }
     .top1{
       text-align: center;  
         
     }
     .foot1{
       text-align: center;  
     }
  
      body{
      font-size: 12px;
      font-family: Arial;
    }
    /*.content{
      background-color: #FF0000;  
     }
     .conteudo{
      background-color: #87CEFA; 
         
     }
     .top{
     background-color: #00FF00; 
     }
     .foot{
     background-color: #0000FF;  
     }*/
     .foot2{
      padding-bottom: 30px; 
      text-align:center;  
     }
     .footu{
     font-size: 12px;
     color: #87cefa;  
    }
   }