@-ms-viewport {	width: device-width;}

/************************************************************************************
smaller than 1080
*************************************************************************************/
@media screen and (max-width: 1080px) {

	.pic {
		float:none;
		padding: 0;
		}
		
	.paragraph {
		float:none;
		padding-bottom: 20px;
		width: 100%;}
		
	#content_body {
		padding: 12% 6% 4% 6%;
	}
	
}

/************************************************************************************
smaller than 690
*************************************************************************************/
@media screen and (max-width: 690px) {

	img {
		width: 100%;
	}
	
	p {
		padding-bottom: 0;
	}
	
}

/************************************************************************************
smaller than 720
*************************************************************************************/
/*@media screen and (max-width: 650px) {*/
@media (max-width: 720px) {

	#nav_wrapper {
		display:none;}
	
	#mobile_nav_wrapper {
		display:block;}
		
}