



/* 320px (iPhone) */
@media screen and (max-width:360px) {
	.intro p{text-align: justify;}
	.intro .rond {height: 15rem; width: 15rem; margin-bottom: 2rem;}	
}
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 870px;  }
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }	
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }	
	nav ul.nav li a{padding: 5px 20px;}
	.intro p{text-align: justify;}
	.intro .rond {height: 18rem; width: 18rem;}
	h2.raison{padding-top: 4rem;}	
}



/* xGA iPad */
@media screen and (max-width:1024px) {
	/* .wp3 { background-position: 50px 0; } */
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
	
	
}
/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1200px) {
	/* .wp3 { background-position: 50px 0; } */
	.intro .rond {height: 19rem; width: 19rem;}
}
/* Bootstrap 919px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:920px) {
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; margin-bottom: 5rem; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
		
}
@media screen and (min-width:480px) and (max-width:990px) {
	.intro p{text-align: justify;}
	h2.raison{padding-top: 4rem;}
	.intro .rond {left: 1%;}
}

