@media only screen and (max-width: 48em) {
	.pageTopbarOuter,
	.pageHeaderOuter,
	.pageFooterOuter {
		text-align: center;
	}

	.col-xs-12.alignright { text-align: center; }

	#logoBg { border-width: 0; width: 100%; height: 4.75em; background: #000; }
	#logo { width: 7em; }
	#pageIntro { text-align: center; }
	#pageIntro h1 { margin: 4em 0 0 0; }	

	h5,h6 { font-size: 1em; }
	h4 { font-size: 1.4em; }
	h3 { font-size: 1.6em; }
	h2 { font-size: 1.8em; }
	h1 { font-size: 2em; }	

	.xxs { font-size: 0.6em; }
	.xs { font-size: 0.7em; }
	.s { font-size: 0.8em; }
	.m { font-size: 1em; }
	.l { font-size: 1.4em; }
	.xl { font-size: 1.6em; }
	.xxl { font-size: 1.8em; }
	.xxxl { font-size: 2em; }	

	.timelineList .itemYear { margin-top: 4em; }
	.timelineList .itemText { border: none; }

	/* Menu */
	#mainNavContainer, 
	#mainNavContainer nav,
	#mainNavContainer nav ul { width: 100%; }

	/*.scrollArrowUp { top: 4em; right: 1em; left: auto; margin: 0; }*/
	.scrollArrow.down { bottom: 4em; right: 1em; left: auto; margin: 0; background-position: 0 -100%; }

	body.timeline .pageFooterInner .footerText,
	body.timeline .pageFooterInner .socialIcons { display: none; }

}
@media only screen and (min-width: 48em) {

}
@media only screen and (min-width: 62em) {

}
@media only screen and (min-width: 75em) {
	.pageTopbarInner,
	.pageHeaderInner,
	.pageContentInner {
		width: 75em;
		margin: 0 auto;
	}
}