@media (min-width:1025px) and (max-width:1672px) {
	.banner, .crumb,
	.footerInfo, .footerBase, 
	.middle, .middleHome	{width:100%;padding-left:1em;padding-right:1em;} 
}

@media (min-width:1249px) {
	.servicesTop .articleImageLeft {max-width: 918px;position: relative;top: 12px;}
	.servicesTop .articleImageRight {max-width: 918px;position: relative;top: 12px;}
}
@media (min-width:1014px) and (max-width:1248px) {
	.servicesTop .articleImageLeft {max-width: 50%;position: relative;top: 12px;}
	.servicesTop .articleImageRight {max-width: 50%;position: relative;top: 12px;}
}
@media (max-width:1013px) {
	.servicesTop .articleImageLeft {max-width: 100%;}
	.servicesTop .articleImageRight {max-width: 100%;}
}

@media (max-width:1024px) {
	.topmenu {width:calc(100% - 205px);padding-right:16px;}
	.menuCont {padding-left:0;}
}

@media (max-width:890px) {
	#menu, .topnav {display:none;}
	.slicknav_menu	{display:block;}
	.slicknav_btn {
		position:absolute;
		top:0;
		right:10px;
		padding-top:34px;
		margin:0;
		transition:padding ease 1s;
		}
	.topRight {
		position:absolute;
		top:0;
		right:70px;
		width:auto;
		padding-top:22px;
		padding-bottom:6px;
		transition:padding ease 1s;
		}
		
	.shrink .slicknav_btn {padding-top:18px;}		
	.shrink .menuCont .topRight {padding-top:5px;}		
		
		

	}
	
@media (max-width:864px) {
	.projectContainer .sideBySide30-70-Col1 {width: 100%;float:unset;}
	.projectContainer .sideBySide30-70-Col2 {width: 100%;float:unset;}
}

@media (max-width:640px) {
	.articleImageLeft, .articleImageRight {margin-top:28px;margin-bottom:0;}
	h2 {margin-top:20px;margin-bottom:20px;}
	
	.footerInfo .sideBySide-Col2 {text-align:left;}
	
}




@media (max-width:541px) {
	.main {padding-top: 100px;}
	.header {backdrop-filter: none;background-color:#ffffff;}
	
	   .topRight {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		top: unset;
		padding: 6px 0 6px 16px;
		background-color:#ffffff;
		text-align: left;
		border-top: 1px solid #EDEEEF;
		transition: all 1s ease;
	}
	
	.slicknav_btn {
	position: fixed;
	bottom: 3px;
	top: unset;
	right: 16px;
	padding-top: 0px;
	}
	.shrink .slicknav_btn {padding-top:0;}
	.shrink .menuCont .topRight {padding-top: 6px;}
	.shrink .topRight {top:unset;}
	
	.go-top {bottom: 60px;right: 6px;z-index:9;}
	#headerBottom {position: fixed;bottom: 59px;width: 100%;}
	#rowContainer125 .columns2 {row-gap:0;}
	
	.footerBase {padding-bottom:60px}
	
	.banner {justify-content: center;display: flex;}
	.logo {float: none;margin: 20px auto;text-align: center;}
	.menuCont {width: 0;}
	
	.ctaRow {min-height: 340px;}
	.ctaRow .middle {bottom: 70px;}
	.ctaRow h2 {font-size: 1.875rem;}
	.ctaRow .linkButton {min-width: 280px;}
	
	h1 {font-size:2.250rem;}
	#rowContainer127 .linkButton {margin-top: 8px;margin-bottom: 8px;}
	
}

@media (max-width:441px) {
	.columns4 {grid-template-columns: repeat(1,1fr);}
}

@media (max-width:401px) {
	
}

/*** Project Feed Responsive ***/

@media (max-width:560px) {
	.projectHeading h2 {
		display: grid; /* Use CSS grid for the layout */
		grid-template-columns: 1fr auto; /* Create two columns: one flexible, one auto-sized */
		align-items: center; /* Align items vertically in the center */
	}
	a .projectHeading h2 {
		text-decoration: underline;
	}
	.projectHeading h2 img {
		max-width: 100%; /* Ensure the image doesn't exceed its container's width */
		top: unset;
	}
	a:hover .projectHeading h2 img {margin-right: 0;}
}

@media (max-width:450px) {
	.projectImages {
		grid-template-columns: repeat(1, 1fr);
		row-gap: 16px;
	}
}

@media (max-width:361px) {
	.projectHeading h2 {font-size:1.750rem;}
	.projectContainer {float: unset;}
}