@media screen and (max-width:400px){
      body{
      padding:0px;
      font-size:15px;
      }
      .content{
       border:1px solid #000000;
      
      }
      /*.conteudo{
      background-color:#00FFFF;      
       }
      .top{
      background-color:#FF00FF;     
       }
      .foot{
      background-color:#87CEFA;     
 }*/
       .foot1{
        text-align:center;   
       }  
       .top1{
        text-align:center;   
        font-size:18px;  
       }
       .cont{
        text-align:center;     
       }
      .conec{
        text-align:center;
        font-size:17px; 
        margin-top:30px;     
         }
       }
@media screen and (min-width:401px) and (max-width:18000px){
      body{
      margin-left:0px;
      padding:0px;
      font-size:13px;
       }
       .content{
       border:1px solid #000000;   
       }
      /*.conteudo{
       background-color:#00FFFF;    
       }
      .top{
       background-color:#FF00FF;    
       }
      .foot{
       background-color:#87CEFA;   
       }*/
      .foot1{
       text-align:center;   
       }  
       .top1{
        text-align:center;     
       }
      .cont{
      text-align:center;     
       }
      .conec{
       text-align:center;
       font-size:14px; 
        margin-top:35px;
       }
       }