nav#menu2 {
   position: fixed;   
   background: none;
   background-repeat: no-repeat;
   background-position: right -30px bottom;
   background-color: #191D20;
}

select.level-options {
          height: 1.5em;
          width: 5.5em;
       }
       
       select {
          font-size: 0.9em
       }
   
       select#min {
          right: 3.5em;
       }
       
       select#max {
          left: 3.5em
       }
   
       p#tanque {
          font-size: small;
          margin-bottom: .1em;
          display: none;
       }
   
       form#text-fields p {
          font-size: small;
          margin-bottom: -1.9em;
       }

   
       input[type="tel"].boxesproduction {
          width: 20%;
          margin-left: 4%;
          margin-right: 4%;
          margin-top: 1em;
          top: -1em
       }
       
       form#check-box {
          top: 4.5em;
          z-index: 1;
       }
       
       form label {
          width: 9em;
          height: 1.3em;
          border-radius: .5em;
          font-size: smaller;                   
          border: 1px solid #787C7F;  
       }
       
       input[type="checkbox"]:checked ~ .pump-section {
           height: auto;
           max-height: 21em;
           width: 9.3em;
       }
   
       div#buttons-group {
          top: -1em;
       }
     
       #button1 {
         right: 3em;
       }
       
       div#simulator-wrapper {
          top: 0em;
       }
   
       button#resetbutton {
          left: 3em
       }
       
       .wireframe #page {
          height: 100%;
       }
   
        section#simulator { 
          top: 7.5em;
          height: 21em;
          border-radius: 1em;
          
       } 
   
       section#out-text {
          height: 38em; 
          top: 8em;
          border-radius: 0;
          margin-bottom: 6em;
       }
       
       div#grouptext {
          width: 90%;
          top: 0.6em;
          text-align: left;
          padding: .5em .5em .5em .5em;
          color: #383838;
          background-color: #131717;
          border: 1px solid #3F4D4D; 
       }
       
       #novo, #novo2, #novo3 {
          font-size: .8em;
      }
   
       #imge {
          position: relative;
       }
   
     #grouptext img {
        position: relative;
        width: 100%;
        border-radius: 1em
       }
       
       [title="unidades"] {
          display: none;
       }    
   
       #footer {
          line-height: 1em;
       }
       
       #footer {
          position: relative;
          top: 3em;
          padding: .2em 0 .2em 0;
          border-top: 1px solid #44484D;
          background-color: #131717; 
       } 
 
@media only screen and (min-width: 290px) and (max-width: 319px) { 
   
   a#acerca, a#como {
	    width: 75px;
   }
   
   a#inform {
       width: 135px;
   }

   section#simulator {
      height: 23em;
      margin-top: 1em;
   }
   
   select.level-options {
     width: 6em;
     height: 2em;
  }
   
   select#min {
      right: 4em;
   }
       
   select#max {
      left: 4em;
   }
   
   input[type="tel"]#getlevel {
      width: 96%;
   }
   
   input[type="tel"].boxesproduction {
      width: 30%;
      margin-top: 10px;
   }
   
   div#buttons-group {
          top: -1em;
       }
     
   #button1 {
     right: 1.6em;
   }
                
   button#resetbutton {
     left: 1.6em;
   }
 
   /***THIS WRAPPES ALL INPUTS AND CHECK BOXES***/
   div#simulator-wrapper {
     top: 15px;
   }
   /**/
   
   #grouptext {
      margin-top: 0;
   }
   
  form#check-box {  
     top: 4em;
  }
   
   form label {
      width: 7em;
      height: 1.5em;
      font-size: .8em;  
   } 
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
   section#simulator {
      height: 16em;
      border-radius: .3em;
      margin-top: 1em;
   }
   
    form#min-max {
        margin-top: .2em;
    }

    select.level-options {
        width: 6.2em;
        height: 2em;
    }

    select#min {
      right: 17%;
   }
   
   select#max {
      left: 17%;
   }

   input[type="tel"]#getlevel {
      width: 90%;
      height: 1em;
   }
   
   input[type="tel"].boxesproduction {
      width: 22%;
      height: 1em;
      margin-top: 10px;
   }
   
   button { height: 1.5em;}

   #button1 {
     right: 11%;
   }
                
   button#resetbutton {
     left: 11%;
   }  
   
   div#simulator-wrapper {
       top: .3em;
   }

   form#check-box {
      top: 3.5em;
   }
   
   form label {
      width: 8em;      
   }
   
   div#grouptext { top: 0.2em;}
 
}

@media only screen and (min-width: 360px) and (max-width: 450px) {
    
   nav#menu2 ul {
      margin-left: 0;
   }
   
   section#simulator {
      /*height: 15em;*/
      
   }
      
   input[type="tel"]#getlevel {
      width: 80%;
   }
   
   input[type="tel"].boxesproduction {
      width: 22%;
   }
   
    select#min {
      right: 17%;
   }
    
   select.level-options {
      width: 26%;
      height: 2em;
   }
   
   select#max {
      left: 17%;
   }
   
   #button1 {
     right: 21%;
   }
                
   button#resetbutton {
     left: 21%;
   }  
}

@media only screen and (min-width: 451px) and (max-width: 499px) and (orientation:portrait) {
   
   nav#menu2 ul {
      margin-left: 0;
   }
   
   section#simulator {
      height: 23em;
      margin-top: 1.5em
   }
      
   input[type="tel"]#getlevel {
      width: 80%;
   }
   
   input[type="tel"].boxesproduction {
      width: 22%;
   }
   
   form#min-max {
       top:-1.7em;
   }

   select.level-options {
       width: 7em;
       height: 2.5em
   }

    select#min {
      right: 18%;
   }
       
   select#max {
      left: 18%;
   }
   
   form#check-box {
       top: 4.7em;
   }

   #button1 {
     right: 22%;
   }
                
   button#resetbutton {
     left: 22%;
   } 

   div#simulator-wrapper {
      top: 1em; 
   }
}

@media only screen and (min-width: 500px) and (max-width: 549px) and (orientation:portrait) {
   
   nav#menu2 ul {
      margin-left: 0;
   }
   
   section#simulator {
      /*height: 15em;*/
      
   }
      
   input[type="tel"]#getlevel {
      width: 80%;
   }
   
   input[type="tel"].boxesproduction {
      width: 22%;
   }
   
   select.level-options {
      width: 17%;
   }
   
    select#min {
      right: 15%;
   }
       
   select#max {
      left: 15%;
   }
   
   #button1 {
     right: 24%;
   }
                
   button#resetbutton {
     left: 24%;
   }  
}

@media only screen and (min-width: 550px) and (max-width: 568px) and (orientation:portrait) {
  
   section#simulator {
      /*height: 15em;*/
      
   }
      
   input[type="tel"]#getlevel {
      width: 80%;
   }
   
   input[type="tel"].boxesproduction {
      width: 22%;
   }
   
    select#min {
      right: 15%;
   }
       
   select#max {
      left: 15%;
   }
   
   #button1 {
     right: 24%;
   }
                
   button#resetbutton {
     left: 24%;
   }        
}

@media only screen and (min-width: 569px) and (max-width: 599px) and (orientation:portrait) {    
   
   section#simulator {
      /*height: 15em;*/
      
   }
      
   input[type="tel"]#getlevel {
      width: 80%;
   }
   
   input[type="tel"].boxesproduction {
      width: 22%;
   }
   
    select#min {
      right: 15%;
   }
       
   select#max {
      left: 15%;
   }
   
   #button1 {
     right: 24%;
   }
                
   button#resetbutton {
     left: 24%;
   }        
}

@media (min-device-width: 320px) and (max-device-width: 480px) {
    section#simulator {
    top: 3.5em;
    height: 21em;
  } 
  
   section#out-text {
    top: 3em;
  }
}