@media screen and (max-width:400px){
     /*.conteiner{
       background-color: #00FF00;
     }
    .top{
      background-color:#000FFF; 
    }
    .conteudo{
     background-color: #0000FF;
    }
    .footer{
      background-color: #FFF000;
    }*/
    table{
    border: 1px solid #000000;
      text-align:center;
     margin: auto;
     width:100%; 
      border-collapse: collapse;
    }
     th{
      padding: 5px;
      border: 1px solid #000000;
       text-align: center;
       }
  td{
    padding: 5px;
    border: 1px solid #000000;
    text-align: center;
    }
  
    .top1{
    text-align:center;  
    font-size:18px; 
    }  
    .top2{
    text-align:center;
    }
    .top3{
    text-align:center;
      
    }
    .top4{
    text-align:center;
    }
    .ult{
    text-align:center;  
    }
    .vai{
    text-align:center; 
    }
    .lista{
     margin:auto; 
    
    
    }
    .list1{
     
     margin-left:20%;
    }
    body{
    font-size: 16px;
    font-family: Arial;   
    border: 2px solid #000000; 
    }
    .prox{
    text-align: center;
    }
    }
@media screen and (min-width:401px) and (max-width:1800px){
    /*.conteiner{
    background-color: #00FF00;
    }
    .top{
    background-color:#000FFF;
    }
    .conteudo{
    background-color: #0000FF;
    }
    .footer{
    background-color: #FFF000; 
    }*/
    table{
    border: 2px solid #000000;
    margin:auto;
      width: 280px;
      border-collapse: collapse;
      
    }
    td{
      padding: 5px;
    border: 1px solid #000000;
    text-align: center;
      }
   th{
        padding: 5px;
    border: 1px solid #000000;
    text-align: center;
     
     }
  
   .top1{
    text-align:center;
     font-size:13px;
    }  
   .top2{
    text-align:center;
     font-size:13px;
    }
   .top3{
    text-align:center;
     font-size: 13px;
    }
    .top4{
    text-align:center;
    }
    .ult{
    text-align:center;  
    }
   .vai{
    text-align:center; 
    } 
    
    .list1{
     margin-left:35%; 
      font-size: 11px;
      
    }
    body{
    font-size: 12px;
    font-family: Arial;
    border: 2px solid #000000;
      
    }
    .prox{
    text-align: center;
    }
    }