@media screen and (max-width:400px){

         
    body{
      font-size:16px; 
      font-family: Arial;
      line-height:1.8;
        
        
    }
    .top1{
     font-size: 20px;   
        
    }
    
    .conteiner{
        
        
        
    }
    .top{
        
        
        
    }
    .conteudo{
        
        
        
        
    }
    .footy{
        
        
        
        
    }

     .links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.links a {
    text-align: center;   
    padding: 20px;        
    font-size: 18px;      
    text-decoration: none;
    background: #eee;
}
    



}

@media screen and (min-width:401px) and (max-width:18000px){
    
    .links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.links a {
    text-align: center;   
    padding: 20px;        
    font-size: 18px;      
    text-decoration: none;
    background: #eee;
}
    
   
   
   
    body{
      font-size:13px; 
      font-family: Arial;
      line-height:1.8;
        
        
    }
    
    .conteiner{
      /*  background-color:#0000FF;*/
        
        
    }
    .top{
        
    /* background-color: #FF00FF;*/   
        
    }
    .conteudo{
        
        
        
        
    }
    .footy{
        
        
        
        
    }
}