@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%; }
	#mainNavContainer nav.on { -webkit-animation-name: mainMenuOn; animation-name: mainMenuOn; }  @-webkit-keyframes mainMenuOff { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }  100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }  @keyframes mainMenuOff { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }  100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }  #mainNavContainer nav.off { -webkit-animation-name: mainMenuOff; animation-name: mainMenuOff; }
	#mainNavContainer .current-menu-item a { border: solid 1px #ef0000; }
	
	/*.scrollArrowUp { top: 4em; right: 1em; left: auto; margin: 0; }*/
	/*.scrollArrow.down { bottom: 4em; right: 1em; left: auto; margin: 0; background-position: 0 -100%; }*/
	.scrollArrow.down { bottom: 1em; left: 50%; margin-left: -16px; }

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

	#mainNavContainer > nav > ul > li > ul { /*display: none;*/ }
	#mainNavContainer > nav > ul > li > ul a { color: #888; }

	#pageBackgroundImage {
		background-position: 0 0; 
		background-image: url('/wp-content/uploads/2017/11/FHYhomeimagemobile-001.jpg') !important;
	}
	

}
@media only screen and (min-width: 48em) {
	#burgerOuter { display: none; }
	#logoBg { display: none; }
	#logo { display: inline-block; z-index: 200; }
	.scrollArrow.up { display: none; }
 	#mainNavContainer > nav { visibility: visible; width: 100%; height: auto; overflow: visible; }
	#mainNavContainer > nav > ul { width: 90%; padding: 0 0.5em; height: 5.5em; float: right; }
	#mainNavContainer > nav > ul > li { position: relative; }
	#mainNavContainer > nav > ul > li  > span.linkwrap { display: table; text-align: center; table-layout: fixed; width: 100%; min-height: 5.5em; }
	#mainNavContainer > nav > ul > li  > span.linkwrap > a { display: table-cell; vertical-align: middle; color: #fff; }
	#mainNavContainer > nav > ul > li:hover { background-color: #ed0000; box-shadow: inset 0 -1px 0 #000; }
	#mainNavContainer > nav > ul > li:hover > ul { display: inline-block; }	
	#mainNavContainer > nav > ul > li > ul { background-color: #ed0000; position: absolute; top: 100%; left: 0; width: 100%; display: none; }
	#mainNavContainer > nav > ul > li > ul > li > a { color: #fff; text-align: left; padding-left: 1em; padding-top: 1.5em; padding-bottom: 1.5em; }
	#mainNavContainer > nav > ul > li > ul > li { box-shadow: 0 -1px 0 rgba(100,100,100,0.25); }
	#mainNavContainer > nav > ul > li > ul > li.gc { box-shadow: none; }
	#mainNavContainer > nav > ul > li > ul > li:hover { background-color: #cd0000; }
	#mainNavContainer > nav > ul > li > ul > li.gc > a { color: #ccc; padding: 1em 0 1em 1.5em; }
	#mainNavContainer > nav > ul > li > ul > li.gc > a:before { content: '- '; }
	#mainNavContainer span.fa-caret-down { display: inline-block; position: absolute; bottom: 5px; left: 49%; color: #fff; }


	.fadeOut-lg {
	  -webkit-animation-name: fadeOut;
	  animation-name: fadeOut;
	}

	.fadeIn-lg {
	  -webkit-animation-name: fadeIn;
	  animation-name: fadeIn;
	}	

	.image_and_content .image {
		background-size: 95% auto;
		background-position: 0 0;
	}
	.image_and_content .image.right { 
		background-position: 100% 0;
	}

	div.break { display: block; }

	#pageBackgroundImage {
		background-image: url('/wp-content/uploads/2017/11/HomeImage-001.jpg') !important;
		background-position: 50% 50%;
	}	
	#tagline { text-align: left; width: 15em; }

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

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