@media screen and (max-width:400px){
     /*.conteiner{
      background-color: #87CEFA;
      
     }
    .top{
      background-color: #FF00FF;   
     }
     .conteudo{
      background-color: #0000FF;
     }
    .foot{
     background-color: #87CEFA;   
     }*/
     /* #re{
     text-align: center; 
     }*/
    .bt{
     margin: 5px;
     text-align:center;
     }
     body{
     border: 2px solid #000000; 
     font-size: 16px;
     font-family: Arial;
     }
     #ce{
     text-align: center;
     }
     .med{
     text-align: center;
     text-size: 19px;
     }
     .foot0{
     text-align: center;
     }
     #bot{
     background-color: #000000;
     color: #FFFFFF; 
     border: 2px solid #000000;
     /*margin-left: 150px;*/
     }
     #res{
     font-size: 13px;
     color: #000000;
     border: 2px solid #000000; 
     text-align:center;
     height: 29px;
     }
     #btn{
     margin-right: 18px;  
     margin-top:18px;
     }
     /*#limpar{
    margin: 10px; 
     }*/
     }      
     
     @media screen and (min-width:401px) And (max-width:1800px){
     /*.conteiner{
      background-color: #00FFFF; 
     }
     .top{
      background-color: #FF00FF;   
     }
     .conteudo{
      background-color: #0000FF;
     }
    .foot{
     background-color: #87CEFA;   
    }*/
      /* #re{
     text-align: center; 
     }*/
    .bt{
     margin: 5px;
     text-align:center;
     border: 6px solid #000000;
     }
     body{
     border: 2px solid #000000; 
     font-size: 13px;
     font-family: Arial;
     margin: 0;
     padding: 0;
     }
     #ce{
     text-align: center;
     }
    .med{
     text-align: center;
     text-size: 19px;
     }
     .foot0{
     text-align: center;
     }
     #bot{
     background-color: #000000;
     color: #FFFFFF; 
     border: 2px solid #000000;
     /*margin-left: 450px;*/
     }
     #res{
     font-size: 13px;
     color: #00FF00;
     border: 2px solid #000000; 
     text-align:center;
     height: 29px;
     }
     #btn{
     margin-right: 18px;  
     margin-top:18px;
     }
     /*#limpar{
    margin: 10px;
    border: 3px solid #000000;
     }*/
    #para{
    font-size: 12px;
    font-family: Arial;
        
    }
     
     }