@media all and (max-width: 1200px) {
	 
	 
	.containertop{height:100px;} 
	.topheadingmid{max-height:100px;}  
}


@media all and (max-width: 1000px) {
	 
	  section.module.parallax {
  		height:450px;
  	} 
  	.headphone{font-size:1.2em;} 
	
}

@media all and (max-width: 800px) {
  #menubutton{display:block;margin:35px 0 0 80%;width:15%;}
  
  #menubar{display:none;}
  #menuulleft{display:none;}
  #menuulright{display:none;}
  .portalbutton{width:20%;margin:10px 0 0 65%;}
  .centerlogo{width:70%;}
  .containertop{height:100px;}
  .topheadingmid{height:100px;}
  .homedeading {
  	
    font-size: 20px;
  }
  .parallax {
  		max-height:370px;
  	}
}


@media all and (max-width: 620px) {
	  #menubutton{display:block;margin:35px 0 0 80%;width:25%;}
	 .centerlogo{width:100%;}
	 .menutable{
	 	margin:0 0 0 60%;
	 	top:100px;
	 }
	  .parallax h1 {
    font-size: 30px;
     line-height: 100px;
  	}
  	.parallax{
  		max-height:250px;
  	}
  	section.module.content{
  		font-size:1.0em;
  	}
  	.headphone{font-size:.8em;}
}
@media all and (max-width: 400px) {
	  .parallax {
  		max-height:180px;
  	}
}
@media all and (max-width: 200px) {
	  .parallax {
  		max-height:100px;
  	}
  	.parallax h1 {
    font-size: 20px;
     line-height: 100px;
  	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	section.module.parallax {
		 background-attachment: scroll;
        
	}
	.parallax{
  		max-height:400px;
  	}
	
}