@media screen and (max-width:400px){
     .outros{
      display: float;
      text-align: center;   
     }
      img{
       width:150px;
       height:150px;   
      }
     .vidy{
      text-align: center;  
    /*  width: px; 
      height: 300px;*/
     }
     .top1{
      font-size:18px;   
         
     }
     .foot2{
      padding-bottom: 30px;   
     }
     .cont1{
     text-align: center; 
     display:float;
    /* margim: 5px auto;*/
        
     }
     .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){
     .vidy{
      text-align:center;   
     }
   
     .top1{
      font-size:14px;   
         
     }
    
     .cont1{
       text-align: center;  
       display:float; 
     }
     .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;   
     }
   }