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

    
    
    
}