@media only screen 
and (min-width : 960px) {
	/* Larger screens */
	.not_on_pc {display: none !important;}
	#mobile-bar {display: none !important;}
	#nav_main {display: block !important;}
}

@media only screen
and (min-width : 480px) 
and (max-width : 959px) {
	/* Pads/tablets */
	.not_on_pad {display: none !important;}
	#nav_main {display: block !important;}
}

@media only screen
and (max-width : 959px) {
	/* Pads/tablets and smaller screens */
	#header, #header .paper-logo {width: 100%; margin: 0 auto; text-align: center;}
	#header .paper-logo img {margin: 0 auto;}

	.main-column {width: 65%;}
	.twin-column {width: 33%;}
	.twin-column .column {width: 100% !important; float: none !important; clear: both; margin: 0 0 15px 0 !important; }
	
}

@media only screen 
and (max-width : 479px) {
	/* Phones and smaller screens */
	.not_on_phone {display: none !important;}
	.mobile-top {display: block !important;}

	*, li, p, h2, h3, h4 {line-height: normal;}


	#mobile-bar {display: block !important;}
	#nav_main {display: none;}
	#nav_main li, #nav_main_sub li {float: none !important; width: 100% !important; text-align: left;}
	#nav_main li a, #nav_main_sub li a {font-size: 120% !important;}
	#nav_main li a:hover, #nav_main_sub li.active a, #nav_main_sub li a:hover {text-decoration: underline !important;}
	#nav_main_sub li {top: auto !important; position: static !important; padding: 3px 0 !important; border-right: none !important;}
	#nav_main_sub_container {height: auto !important;}
	.main-column, .twin-column {width: 100% !important; float: none !important; clear: both; margin: 0 auto 25px auto !important;}
	.events_view ul.images {float: none; width: 100%; max-width: 100%; margin: 0 0 20px 0;}

	.main-column .separated { padding: 10px 0 15px 0; margin-bottom: 15px !important;}

	.articles_big {margin-bottom: 0; float: none !important; width: 100% !important;}
	.articles_big .grid_8, .articles_big .first, .articles_big .alpha, .articles_big .omega {
		float: none !important; margin: 0 0 15px 0 !important; border-bottom: 1px solid #ccc; padding-bottom: 15px; width: 100% !important;
	}

	.article_row img.left {float: right !important; margin:0 0 15px 3% !important;}

	#latest_events img {float: right; width: 20% !important; margin: 0 0 0 15px !important; }
	#latest_events li {border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px;}
	#latest_events li h3 {font-size: 13px;}
	#latest_events li h3, #latest_events li p {line-height: normal; margin-bottom: 0 !important;}
}