@media screen and (max-width:400px){
     .vidy{
      text-align:center;   
     }
      
     .top1{
      font-size:18px;   
         
     }
     .foot2{
      padding-bottom: 30px;   
     }
     .cont1{
            
     }
     .top1{
       text-align: center;  
         
     }
     .foot2{
       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;
    }
}
@media screen and (min-width:401px) and (max-width:1800px){
    .top1{
      font-size:14px;   
         
     }
     .vidy{
       text-align:center;  
         
     }
    
     .cont1{
         
     }
     .top1{
       text-align: center;  
         
     }
     .foot1{
       text-align: center;  
     }
     .foot2{
      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;   
     }
   }