/*	CHROMOS

*/


@media only screen and (max-width:1250px) {
}

@media only screen and (max-width:1030px) {
	.pad {
		max-width:96%;
	}
	#topNav {
		top:-7px;
	}
	#topNav a {
		border-radius:0 0 8px 8px;
	}
	.site-header.sticky #topNav {
		top:-36px;
	}
	#navBar {
		top:34px;
		right:0;
	}
}




@media only screen and (max-width:890px) {
	.menu-button-container {
		display:none;          
	}
	
	#navBar {
		right:10px;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		width:270px !important;
		left:auto !important;
		right:0 !important;
		padding:20px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		text-align:right;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
		color:#FFF;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		background:#4b94ed;
		border-radius:0;
		padding: 10px;
		box-shadow:none;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		text-align:right;
		font-size:14px;
		line-height: 1.8em;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-left,
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-center,
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-right {
		background:#FFF;
	}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		background:#3480dd;
		border-radius:2px;
	}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
		top:6px;
	}
	
	
	.homeHero {
		min-height:380px;
	}
	.homeHeroTextBox {
		bottom:30px;
		right:30px;
		padding:20px;
	}
	.homeHeroTextBox h2, .homeHeroTextBox h3 {
		font-size:24px;
	}
	.homeHeroTextBox .startProjectBtn {
		margin-top:10px;
	}
	h1.page-title {
		font-size:36px;
	}
	.entry-header .entry-title {
		font-size:30px;
	}
	
	.ftrCol {
		width:49%;
	}
	.ftrCol.col3 {
		display:block;
		width:90%;
		border-top:solid 2px #022838;
		margin:30px auto 0 auto;
	}
}


@media only screen and (max-width:750px) {
	.entry-content img.alignright {
		float:none;
		display:block;
	}
	.homeServices ul.services {
		column-count: 1;
	}
	ul.areasServed {
		column-count:2;
	}
	.ftrCol,
	.ftrCol.col1,
	.ftrCol.col2 {
		display:block;
		width:100%;
	}
}


@media only screen and (max-width:700px) {
	.homeIntro h1,
	.homeChromosDifference h4,
	.homeLocations h1 {
		font-size:30px;
	}
	.homeLocations h1 {
		letter-spacing:-1px;
		margin:0 0 20px 0;
	}
	.homeChromosDifference .block {
		display:grid;
	}
	.homeChromosDifference .block .img, 
	.homeChromosDifference .block .txt {
		width:100%;
	}
	.homeChromosDifference .block .img {
		height:300px;
		order:1;
	}
	.homeChromosDifference .block .txt {
		order:2;
	}
	.homeBlogPosts .post-thumbnail img {
		height: auto !important;
		width: 100% !important;
	}
	.homeBlogPosts h4 a {
		font-size:18px;
	}
}


@media only screen and (max-width:600px) {
	#hdrLogo {
		width:60%;
		top:9px;
	}
	.site-header.sticky #hdrLogo {
		top:0;
	}
	#siteCredits .divider {
		display:none;
	}
	.nwwebdev {
		display:block;
		margin-top:5px;
	}
}


@media only screen and (max-width:500px) {
	.homeHero1Overlay {
		padding-top:20px;
	}
	.homeHero1Overlay h1, .homeHero1Overlay h3 {
		font-size:26px;
	}
	.homeHero1Overlay h3 {
		margin-top:10px;
	}
	.homeBlogPosts article {
		display:block;
		width:100%;
	}
}


@media only screen and (max-width:550px) {}