/*	GRANT'S HARDWARE   */

@media screen and (max-width: 1150px) {
	.ftrTestimonials h3, .ftrTestimonials h4 {
		max-width:97%;
	}
}




@media screen and (max-width: 1130px) {
	#hdrLogo,
	#hdrLogo a {
		width:315px;
	}
	#hdrLogo .hdrLogoGrants {
		width:180px;
	}
	.hdrPhoneBanner {
		width:170px;
		top:-24px;
	}
	.pageHdr .background h1,
	.pageHdr .background .subtext {
		left:0;
		padding:0 60px;
	}
}




@media screen and (max-width: 1020px) {
	#hdrLogo {
		top:-34px;
	}
	#hdrLogo,
	#hdrLogo a {
		width:170px;
	}
	#hdrLogo .hdrLogoHouse,
	#hdrLogo .hdrLogoGrants {
		display:block;
		float:none;
		margin:0 auto;
	}
	#hdrLogo .hdrLogoHouse {
		width:95px;
	}
	#hdrLogo .hdrLogoGrants {
		width:170px;
		margin-top:5px;
	}
	#navBar {
		left:calc(50% - 220px);
	}
}




@media screen and (max-width: 980px) {
	
	#Footer h3 {
		font-size:16px;
	}
} /* end 980px */




@media screen and (max-width: 780px) {
	#Footer {
		background-size:cover;
	}
	#Footer .col,
	#Footer .col.col2 {
		width:95%;
		padding-bottom:40px;
	}
	#Footer h3 {
		font-weight:bold;
	}
} /* end 780px */





@media screen and (max-width: 850px) { /* MOBILE MENU SWITCH */
	.topBar {
		height:30px;
	}
	#hdrLogo {
		top:-23px;
	}
	#hdrLogo .hdrLogoHouse {
		margin:0 0 0 20px;
	}
	.hdrPhoneBanner {
		width:180px;
		top:-25px;
	}
	
	/* MOBILE FLYOUT */
	
	/**/
	#navBar {
		top:87px;
		left:auto;
		right:0;
		width:100%;
	}
	.primary-navigation > .primary-menu-container {
		position:absolute;
		visibility:hidden;
		height:100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		padding-top:60px;
	}
	/**/
	.primary-navigation-open .primary-navigation > .primary-menu-container {
		position:absolute;
		top:23px;
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
		background:#fffef2;
		background:rgba(255, 254, 242, 0.95);
		-webkit-box-shadow: 0px 13px 15px 5px rgba(0,0,0,0.39); 
		box-shadow: 0px 13px 15px 5px rgba(0,0,0,0.39);
		padding:20px 0 0 20px;;
	}
	.menu-button-container {
		display:block;
		top:-30px;
		right:37px;
		padding:0;
	}
	.primary-navigation .primary-menu-container > ul > .menu-item {
		display: block;
		width:100%;
		height:auto;
	}
	
	.primary-navigation .primary-menu-container > ul > .menu-item > a, 
	.primary-navigation a:hover, 
	.primary-navigation a:link,
	.primary-navigation a:visited {
		width:100%;
		height:auto;
		line-height:1.8em;
		padding:5px;
	}
	.primary-navigation > div > .menu-wrapper .sub-menu-toggle,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
		display:none;
	}
	.primary-navigation .sub-menu .menu-item > a:before {
		content:"- ";
	}
	.primary-navigation-open .menu-button-container,
	.primary-navigation > .primary-menu-container {
		background:none;
	}
	.menu-button-container #primary-mobile-menu .dropdown-icon {
		font-size:19px;
		color:#475d20;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu,
	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		position:relative;
		display: block;
		top:0;
		background:none;
		border:none;
	}
	.primary-navigation .sub-menu .menu-item > a {
		font-size:14px;
		padding:4px 0 4px 15px;
	}
	
	/* page Headers */
	.pageHdr {
		height:300px;
	}
	.pageHdr .background h1 {
		top:20px;
		font-size:32px;
	}
	.pageHdr .background .subtext {
		top:60px;
		font-size:16px;
	}
	.pageHdr .background .pageHdrOverlay {
		display:none;
	}
	.contactPageMapIframe {
		float:none;
		width:100%;
		max-width: 510px;
		margin:0 auto 30px auto;
	}
} /* end 850px */





@media screen and (max-width: 1130px) {
} /* end 1130px */





@media screen and (max-width: 1130px) {
} /* end 1130px */





@media screen and (max-width: 700px) {
	.hero.heroUnivergeConnect {
		background:#024b98;
	}
	.hero.heroUnivergeConnect .background img {
		/*-o-object-fit:contain;
		object-fit: contain;*/
		height:90%;
		margin-top:16px;
	}
	.hero.heroUnivergeConnect .background .heroOverlay {
		display: block;
	}
} /* end 700px */





@media screen and (max-width: 625px) {
	.entry-content img.alignright,
	.entry-content img.alignleft {
		display: block;
		float:none;
		margin:0 auto 15px auto;
	}
} /* end 625px */





@media screen and (max-width: 565px) {
} /* end 565px */





@media screen and (max-width: 500px) {
	.pad,
	.site-main article {
		width:95%;
	}	
	
	/* CONTACT PAGE */
	.contactPage h3.contactSubTitle {
		font-size:24px;
	}
	.contactPage h4 {
		font-size:20px;
	}
	
	
	/* COMMON */
	h1.entry-title, 
	h1.page-title {
		font-size:24px;
	}
	
	
	/* FOOTER */
	.ftrTestimonials {
		padding-top:30px;
	}
	.ftrTestimonialsContent {
		font-size: 14px;
		background-size:50px;
		background-position:top right;
		padding:0 50px 0 10px;
	}
	
	.ftrCredits .left,
	.ftrCredits .right {
		display: block;
		float:none;
		width: 95%;
		font-size: 12px;
		text-align: center;
	}
	.ftrCredits .ftrSocial a {
		padding:5px 0;
	}
	.ftrCredits br {
		display: none;
	}
} /* end 500px */