/*
 *		selectnav
 */

/* default style */
.selectnav { display: none; }




/*
 *		mobile version
 */

@media screen and (max-width: 600px), only screen and (max-device-width: 1136px) and (min-device-width: 960px) and (max-device-height: 640px) and (min-device-height: 560px),	only screen and (max-device-height: 1136px) and (min-device-height: 960px) and (max-device-width: 640px) and (min-device-width: 560px) { 
	
	body {
		margin: 0px !important;
	}
	
	#page {
		width: 90%;
		padding: 70px 5% 5% 5%;
		margin: 0px auto;
	}
	
	#header {
		position: static;
	}
	
	#header h1, #content > section { padding-left: 0}
	
	#content {
		width: 100%;
	}
	
	#content img {
		max-width: 100%;
	}
	
	#togglenav {
		position: absolute;
		z-index: 9;
		top: 25px;
		left: 5%;
		display: block;
	}
	
	#togglenav a {
		display: block;
		width: 30px;
		height: 30px;
		background: url("../images/icon-mobile-menu.png") center center no-repeat;
		text-indent: -9999px;
	}
	
	#mainnav {
		display: block;
		position: absolute;
		top: 0px;
		left: -300px;
		background-color: #313131;
		padding-top: 75px;
		padding-left: 5%;
		border: 0;
		-webkit-box-shadow: #000 0px 0px 10px 3px;
		-moz-box-shadow: #000 0px 0px 10px 3px;
		box-shadow: #000 0px 0px 10px 3px; 
	}
		
}


/* iphone <5 */
@media screen and (device-aspect-ratio: 2/3) {}

/* iPhone 5: */
@media screen and (device-aspect-ratio: 40/71) {}

/* iPad: */
@media screen and (device-aspect-ratio: 3/4) {}