
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 320px)
  and (max-device-width: 2568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (device-aspect-ratio: 40/71)
  and (orientation: portrait) {

	body {
		min-width: 0px;
	}
	
	.main_content {
		position: relative;
		padding-top: 75px;
	}
	
	#outer {}
	
	#logo {
		margin: 0px 0px 0px 10px; /*10px 20px 10px 60px;*/
		vertical-align: middle;
		position: absolute;
		top: 60px;
		left: 0;
	}
	
	#logo img {
		max-width: 200px;
		margin-top: -50px;
	}
	
	#top_menu {
		/*float: right;
		margin: 30px 20px 10px 20px;*/
		margin-top: 5px !important;
	}
	
	#masthead {
		min-width: 0px;
		background-color: #FFFFFF;
		border-bottom: 1px solid black;
		width: 100%;
		display: block;
		overflow: hidden;
		position: fixed;
		z-index: 1000;
		min-height: 80px;
		height: 80px;
		margin: 0px;
	}
  	
  	/* Header ----------------------------------------------------------------------- */
	.header_text {
		background-color: black;
		color: rgba(255, 255, 255, 0.6);
		font-size: 12px;
		height: auto; /*35px;*/
		padding: 5px;
		padding-left: 10px;
	}
	
	.header_right_text {
		/*float: right;
		margin-right: 10px;
		margin-top: 5px;*/
		display: none;
	}
	
	.header_right_text:before {
		content: url("/images/phone_white_12.png");
		margin-right: 5px;
		filter: alpha(opacity = 60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
	}
	/* ------------------------------------------------------------------------------ */
	
	/* Footer ----------------------------------------------------------------------- */
	.footer {
		margin-bottom: 40px;
		text-align: center;
	}
	
	.footer_logo {
		text-align: right;
		display: inline-block;
		float: none;
		margin-right: 0px;
		left: 140px;
	}
	
	.footer_email_text:before {
		content: url("/images/email_16.png");
		margin-right: 10px;
		filter: alpha(opacity = 60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
	}
	
	.footer_text {
		margin-left: 0px;
	}
	/* ------------------------------------------------------------------------------ */
	
	/* Navigation Menu -------------------------------------------------------------- */
	
	#topnav { display: none; }
	#top_menu { margin: 0px -10px 0px 0px; }
	.nav_div { width: 150px; float: right; margin-top: 10px; margin-right: 10px; }
	.nav_primary {  }
	.select-menu { display: block; }

	/* ------------------------------------------------------------------------------ */
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (device-aspect-ratio: 40/71)
  and (orientation: landscape) {
  
   body {
		min-width: 0px;
   }
   
   .main_content {
		position: relative;
		padding-top: 75px;
	}
	
	#outer {}
	
	#logo {
		margin: 0px 0px 0px 10px; 
		vertical-align: middle;
	}
	
	#logo img {
		max-width: 200px;
	}
	
	#top_menu {

	}
	
	#masthead {
		min-width: 0px;
		background-color: #FFFFFF;
		border-bottom: 1px solid black;
		width: 100%;
		display: block;
		overflow: hidden;
		position: fixed;
		z-index: 1000;
		min-height: 75px;
		height: 75px;
		margin: 0px;
	}
  	
  	/* Header ----------------------------------------------------------------------- */
	.header_text {
		background-color: black;
		color: rgba(255, 255, 255, 0.6);
		font-size: 12px;
		height: auto; /*35px;*/
		padding: 5px;
		padding-left: 10px;
	}
	
	.header_right_text {
		/*float: right;
		margin-right: 10px;
		margin-top: 5px;*/
		display: none;
	}
	
	.header_right_text:before {
		content: url("/images/phone_white_12.png");
		margin-right: 5px;
		filter: alpha(opacity = 60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
	}
	/* ------------------------------------------------------------------------------ */
	
	/* Footer ----------------------------------------------------------------------- */
	.footer {
		margin-bottom: 40px;
		text-align: center;
	}
	
	.footer_text {
		float: left;
		margin-left: 40px;
	}
		
	.footer_logo {
		text-align: right;
		display: inline-block;
		float: right;
		margin-right: 40px;
		left: 260px;
	}
	
	.footer_email_text:before {
		content: url("/images/email_16.png");
		margin-right: 10px;
		filter: alpha(opacity = 60);
		-moz-opacity: 0.6;
		-khtml-opacity: 0.6;
		opacity: 0.6;
	}
	
	/* ------------------------------------------------------------------------------ */
	
	/* Navigation Menu -------------------------------------------------------------- */
	
	#topnav { display: none; }
	#top_menu { margin: 0px -10px 0px 0px; }
	.nav_div { width: 150px; float: right; margin-top: 10px; margin-right: 5px; }
	.nav_primary {  }
	.select-menu { display: block; }

	/* ------------------------------------------------------------------------------ */
}

/* ----------- iPhone 6 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}
