/* CSS Document */

/* Android screen landscape */

@media screen and (max-device-width: 1024px) {
	.fondImg {
		width: 980px;
		height:1085px;
		background-position:center;
	}
	
	#mainContainer {
		width: 930px;
		height: 430px;
	}
	
	#pagewrap {
	/*background-color: rgba(255,255,170,1.00);*/
	}
	
	#mainContent {
		height:900px;
	}
	
	#main-nav {
		height: 59px;
	}
	
	#main-nav a {
		font-size:24px;
		padding: 18px 15px;
	}
	
	body {
		font-size:20px;
	}
}

/* iPad screen */

@media screen and (max-device-width: 768px) and (orientation:portrait) {
	.fondImg {
		width: 980px;
		height:1085px;
		background-position:center;
	}
	
	#mainContainer {
		height: 1180px;
	}
	
	#pagewrap {
		/*background-color:#0000FF;*/
	}
	
	#mainContent {
		height:900px;
	}
	
	#main-nav {
		height: 59px;
	}
	
	#main-nav a {
		font-size:24px;
		padding: 18px 15px;
	}
	
	body {
		font-size:20px;
	}
}

@media screen and (max-device-width: 768px) and (orientation:landscape) {
	.fondImg {
		width: 980px;
		height:1085px;
		background-position:center;
	}
	
	#mainContainer {
		height: 630px;
	}
	
	#pagewrap {
		/*background-color:rgba(170,170,255,1.00);*/
	}
	
	#mainContent {
		height:900px;
	}
	
	#main-nav {
		height: 59px;
	}
	
	#main-nav a {
		font-size:24px;
		padding: 18px 15px;
	}
	
	body {
		font-size:20px;
	}
}

/* Android screen */

@media screen and (max-device-width: 600px) {
	.fondImg {
		width: 980px;
		height:1085px;
		background-position:center;
	}
	
	#mainContainer {
		height: 1440px;
	}
	
	#pagewrap {
	/*background-color: #FFE800;*/
	}
	
	#mainContent {
		height:900px;
	}
	
	#main-nav {
		height: 59px;
	}
	
	#main-nav a {
		font-size:24px;
		padding: 18px 15px;
	}
	
	body {
		font-size:20px;
	}
}

/* iPhone screen */

@media screen and (max-device-width: 320px) and (orientation:portrait) {
	
	img {
	width: 90%; /* ie8 */
	}
	
	#mainContainer {
		height: 1400px;
	}
	
	#pagewrap {
		/*background-color:#FF0004;*/
	}
	
	.fondImg { 
		width: 980px;
		height:750px;
		/*background-image:url(images/iphone_ret_portrait.png);*/
	}
	
	#barNav {
		position:absolute;
		bottom: 10px;
		height : 256px; 
		width : 512px; 
		left:230px;
	}
	
	#barNav img {
		width:256px;	
	}
}

@media screen and (max-device-width: 320px) and (orientation:landscape) {
	#mainContainer {
		height: 520px;
	}
	
	#pagewrap {
		/*background-color:rgba(255,170,170,1.00);*/
	}
	.fondImg { 
		width: 980px;
		height:240px;
		background-image:url(images/iphone_ret_landscape.png);
	}
	#barNav {
		height : 128px; 
		width : 256px; 
		margin : 0 auto;
	}
	
	#barNav img {
		width:128px;	
	}
	
}