@media screen and ( max-width: 400px){
    .parag{
     line-height: 1.8;   
        
    }
    #aud{
    width: 250px;
    height: 40px;
    background-color:#FFFBCC;
    border: 4px solid #FFFBCC;
    border-radius:4px;
    display:block;
    margin:0 auto;
    z-index:0;  
        
          
    
  }
  
  .consumir{
    text-align: center;
    
  }
 
  #form2{
    /*background-color: #00FF00;*/
    width: 300px;
    height:  250px;
    
  }
  #comen{
    width: 250px;
    height: 150px;
    
  }
  #btn2{
   margin-top: 15px; 
   margin-right: 20px;    
    
  }
  #limp{
    
    
    
  }
  #avali{
    
    
    
  }
  body{
    font-size: 16px;
    font-family: Arial;
    
  }
  /*.conteudo{
   background-color: #00FF00; 
    
  }
  .top{
    background-color: #FF0000;
    
  }
  .conteiner{
    background-color: #0000FF;
    
  }
  .foot{
    background-color: #FFFF00;
    
  }*/
}

@media screen and (min-width: 401px) and (max-width: 30000px){
 .parag{
   line-height: 1.3;  
     
 }

#aud{
    width: 250px;
    height: 30px;  
    background-color:#FFFBCC;
    border: 4px solid #FFFBCC;
    border-radius:4px;
    display:block;
    margin:0 auto;
    z-index:0;  
    }
  
  
  .consumir{
    text-align: center;
    
  }
  
 
   #form2{
    /*background-color: #00FF00;*/
    width: 300px;
    height:  250px;
    
  }
  #comen{
    width: 250px;
    height: 150px;
    
  }
  #btn2{
   margin-top: 15px; 
   margin-right: 20px;    
    
  }
  
  
  body{
    font-size: 12px;
    font-family: Arial;
    
  }
  /* .conteudo{
   background-color: #00FF00; 
    
  }
  .top{
    background-color: #FF0000;
    
  }
  .conteiner{
    background-color: #0000FF;
    
  }
  .foot{
    background-color: #FFFF00;
    
  }*/
  
  
  
}