@media screen and (min-width: 425px) and (max-width: 767px){
html { 
  background: url('/images/pipes004.jpg') no-repeat center fixed;
  background-size: cover;
}
.intro {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25em;
}  
.doneabout {
  width: 50%;  
}    
}
@media screen and (min-height: 695px) and (max-height: 720px){
.aboutmsg {
  height: 35em;
  margin-top: 2.5em;
  margin-left: 0em; 
}    
.intro { 
  margin: 1em 1em 0em 1em;
  font-size: 1.5em;
}    
.doneabout {
  margin-top: 9em;
  margin-left: 6em;   
}     
}
@media screen and (min-height: 825px) and (max-height: 854px){
.aboutmsg {
  height: 35em;
  margin-top: 2.5em;
  margin-left: 0em; 
}
.intro { 
  margin: 1em 1em 0em 1em;
}
.doneabout {
  margin-top: 7.5em;
  margin-left: 5em;   
} 
}
@media screen and (min-height: 1100px) and (max-height: 1138px){
.navigate {
  width: 40%;
  margin-top: 3em;        
}    
.select {    
  height: 2.5em;
  font-size: 24px;
  margin-top: 1.25em;  
}       
.aboutmsg {
  height: 37.5em;
  margin-top: 2.5em;
  margin-left: 0em; 
} 
.intro { 
  margin: 1em 1em 0em 1em;
  font-size: 1.7em;
}  
.doneabout {
  height: 2.5em;
  width: 40%;
  padding: 0em;
  font-size: 28px;
  margin-top: 6em;
  margin-left: 6.5em;   
} 
}
@media screen and (min-height: 1530px) and (max-height: 1560px){
.navigate {
  width: 40%;
  margin-top: 3em;        
}        
.select {    
  height: 2.5em;
  font-size: 24px;
  margin-top: 1.25em;  
}       
.aboutmsg {
  height: 37.5em;
  margin-top: 2.5em;
  margin-left: 0em; 
}      
.intro { 
  margin: 1em 1em 0em 1em;
  font-size: 1.7em;
}      
.doneabout {
  height: 2.5em;
  width: 40%;
  padding: 0em;
  font-size: 28px;
  margin-top: 6em;
  margin-left: 6.5em;   
}     
}