@media screen and (max-width: 400px){
       /*.conteiner{
        background-color: #00FF00;  
       }
       .conteudo{
         background-color: FF0000;  
       }  
       
       .top{
       background-color: #0000FF;  
       }    
       
       .foot{
           
         background-color: #87CEFA;  
       }  */
       #im{
       width:100%;
       height:30xp;  
       }
       body{
       font-size: 16px;
       font-family: Arial;
       border: 2px solid #000000;
      }
      .top1{
      text-align: center;  
      font-size: 17px;
      }
      .foot1{
      text-align: center;
      }
      .textos{
      margin-left: 5px;
      }
      }
@media screen and (min-width:401px) and (max-width:1800px){
       /*.conteiner{
        background-color: #00FF00;  
       }
       .conteudo{
         background-color: FF0000;  
       }  
       
       .top{
       background-color: #0000FF;  
       }    
       
       .foot{
           
         background-color: #87CEFA;  
       } */
       
       body{
       font-size: 13px;
       font-family:Arial;
       border: 2px solid #000000;
       }
       .top1{
       text-align:center;
       font-size: 15px;
       
       }
      .foot1{
       text-align:center;
       }
      .textos{
      margin-left: 5px;
      }

       }