@media screen and (max-width:400px){
     /* #content{
     background-color: #00FFFF;
     }
     #top{
     background-color: #FF00FF;
     }
     #conteudo{
     background-color: #FFFF00;
     }
     #foot{
     background-color: #87CEFA;
     }*/
    .btn{
     border:2px solid #000000;
     text-align:center;
     margin-bottom:10px;
     margin-top:10px;
     height:18px;    
     display:block;  
     }
     #top1{
     text-align:center;
     font-size:18px; 
     }
     #foot1{
     text-align:center;  
     }
     #foot2{
    text-align:center;  
     }
     body{
     font-size:16px;
     font-family:Arial;    
     }
     }
@media screen and (min-width:401px) and (max-width:18000px){
     /*  #content{
     background-color: #00FFFF;
     }
     #top{
     background-color: #FF00FF;
     }
     #conteudo{
     background-color: #FFFF00;
     }
     #foot{
     background-color: #87CEFA;
     }*/
     body{
     font-size:13px;
     font-family:Arial;    
     }
     .btn{
      border:2px solid #000000;
      text-align:center;
      margin-bottom:10px;
      margin-top:10px;
      height:18px;    
      display:block;  
      }
     #top1{
     text-align:center;
     font-size: 16px; 
      }
     #foot1{
     text-align:center;  
      }
      #foot2{
      text-align:center;  
      }
      }