/*
====================================================================================================
@media Queries
====================================================================================================
*/

@media all and (min-width: 1px) and (max-width: 768px) /* Mobile Portrait 320 and Mobile Landscape 480 ---------------------------------------- */
{
	.oneThirdColumn,
	.twoThirdsColumn,
	.halfColumn {
		width: 100%;
		margin-bottom: 1.0em;
	}
	.mobileHide {
		display: none;
	}
	.mobileShow {
		display: inherit;
	}
	.mobileCenter {
		text-align: center;
	}
	.wrapper {
		width: 90%;
	}
	.mainNavBar {
		position: relative;
		background-color: #000;
		border-bottom: none;
	}
	.mainNavBarSwitch {
		top: 40px;
	}
	.navigationLink {
		display: block;
		float: right;
	}
	.navigationLink a:link, .navigationLink a:visited {
		display: block;
		padding: 0.85em;
	}
	.navigationLink i.fa {
		font-size: 28px;
		color: #fff;
		color: rgba(255,255,255,0.9);
	}
	.mainNavGroup {
		display: none;
	}
	.mainNavGroupVisible {
		display: block;
		width: 100%;
		padding-bottom: 10px;
	}
	.mainNavGroup a:link, .mainNavGroup a:visited {
		display: block;
		font-size: 13.2px;
		text-align: left;
		background-color: #222;
		padding: 1.0em 1.6em;
		margin: 7px 0 3px 0;
	}
	.map-canvas {
		width: 86%;
		margin: 1.0em auto;
		height: 75vh;
	}
	.sp-header {
		height: 100vh;
		background: #022538 url(/images/splash/headerBG-Mobile.jpg) center top no-repeat;
		background-size: cover;
		position: relative;
	}
	.spHeaderVerbiage {
		padding: 47% 0 0 0;
	}
	.spHeaderVerbiage h1 {
		font-size: 2.1em;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		margin: 0 0 0.6em 0;
		line-height: 1.01em;
		text-align: center;
	}
	.spHeaderVerbiage h2 {
		font-size: 1.0em;
		text-transform: uppercase;
		letter-spacing: 0.12em;
		font-weight: 300;
		margin: 0 0 1.0em 0;
		line-height: 1.4em;
		max-width: none;
		text-align: center;
	}
	.otherCommunityLink:link, .otherCommunityLink:visited {
		text-align: center;
		width: 215px;
		margin: 0.2em 0;
	}
	.copyright {
		text-align: center;
	}
	.footerLogo {
		text-align: center;
		margin: 0 0 2.0em 0;
		margin-left: 10px; //to visually center
	}
	.socialIcons {
		text-align: center;
		margin: 0 0 2.0em 0;
	}


} /* end mobile portrait & landscape ------------------------------------------ */











@media all and (min-width: 769px) and (max-width: 980px)  /* 769 -------------------------------------------------------------------------------- */
{
	.navigationLink {
		display: block;
		float: right;
	}
	.navigationLink a:link, .navigationLink a:visited {
		display: block;
		padding: 0.85em;
	}
	.navigationLink i.fa {
		font-size: 28px;
		color: #fff;
		color: rgba(255,255,255,0.9);
	}
	.mainNavGroup {
		display: none;
	}
	.mainNavGroupVisible {
		display: block;
		width: 100%;
		padding-bottom: 10px;
	}
	.mainNavGroup a:link, .mainNavGroup a:visited {
		display: block;
		font-size: 13.2px;
		text-align: left;
		background-color: #222;
		padding: 1.0em 1.6em;
		margin: 7px 0 3px 0;
	}



} /* end 769 ------------------------------------------------------------------- */







@media all and (min-width: 981px) and (max-width: 1280px)  /* 980 ------------------------------------------------------------------------------- */
{
	.mainNavGroup {
		width: calc(100% - 200px);
	}
	.mainNavGroup a:link, .mainNavGroup a:visited {
		font-size: 13px;
	}
	.subNav a:link, .subNav a:visited {
		font-size: 0.65em;	
	}	
	.oneThirdColumn {
		width: 29%;
	}



} /* end 980 ------------------------------------------------------------------ */






@media all and (min-width: 1281px)  /* 1280 & > ------------------------------------------------------------------------------- */
{
	.oneThirdColumn {
		width: 29%;
	}

	

} /* end 1280 ----------------------------------------------------------------- */