@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600;700&display=swap');
.wmh-mf{
	--navy:#072b3d;
	--red:#7f0000;
	--gold:#cfbe81;
	color:var(--navy);
	font-family:'Montserrat',sans-serif;
	font-size:14px;
	line-height:1.45;
	width:100%;
	margin:0 auto;
	background:#fff;
	text-align: left !important;
}

.wmh-mf,.wmh-mf *{
	box-sizing:border-box;
}

.wmh-mf h1,.wmh-mf h2,.wmh-mf h3,.wmh-mf p{
	padding:0;
	margin:0;
	text-transform:none;
	letter-spacing:normal;
}

.wmh-mf h1,.wmh-mf h2,.wmh-mf h3{
	font-family:'Montserrat',sans-serif;
	font-weight:600;
	line-height:1.2;
	color:var(--navy);
}

.wmh-mf p{
	font-family:'Open Sans',sans-serif;
	color:#444;
}

.wmh-mf img{
	display:block;
	width:100%;
	max-width:100%;
	border:0;
	border-radius:0;
}

.wmh-mf a.wmh-mf-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:12px 32px;
	background:var(--red);
	border:1px solid #9c7275;
	color:white;
	font:600 14px/1.3 'Montserrat',sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	border-radius:0;
	text-align:center;
}

.wmh-mf a.wmh-mf-button:hover{
	background:#590000;
}

.wmh-mf a:focus-visible,.wmh-mf button:focus-visible{
	outline:3px solid #cfbe81;
	outline-offset:4px;
}

.wmh-mf-hero{
	min-height:445px;
	background:linear-gradient(90deg,rgba(0,44,65,.97) 0%,rgba(0,44,65,.88) 28%,rgba(0,44,65,.45) 49%,rgba(0,44,65,0) 75%),url('https://westchestermodular.com/multi-fam/imgs/hero.jpg') center/cover no-repeat;
	display:flex;
	align-items:center;
}

.wmh-mf-hero-inner{
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:68px 20px 46px 20px;
}

.wmh-mf .wmh-mf-eyebrow{
	font-family: Montserrat, Arial, sans-serif !important;
	font-weight:700;
	text-transform:uppercase;
	color:var(--gold);
	font-size:16px !important;
	line-height: 20px !important;
	margin-bottom:22px;
}

.wmh-mf h1{
	font-size:54px;
	line-height:1.08;
	color:#fff;
	letter-spacing:-1px;
	margin-bottom:16px;
}

.wmh-mf h1 span{
	display:block;
	font-size:30px;
	text-transform:uppercase;
	margin-top:10px;
	letter-spacing:-.6px;
}

.wmh-mf .wmh-mf-lead{
	font-family: Montserrat, Arial, sans-serif !important;
	font-size:18px;
	line-height:1.33;
	max-width:425px;
	color:#fff;
	margin-bottom:32px;
}

.wmh-mf-feature{
	background:#eee;
	display:grid;
	grid-template-columns:55% 45%;
	padding:14px;
	align-items:center;
}

.wmh-mf-gallery{
	position:relative;
	overflow:hidden;
}

.wmh-mf-gallery img{
	aspect-ratio:552/310;
	object-fit:cover;
}

.wmh-mf-gallery button{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background:transparent;
	border:0;
	color:white;
	font-size:26px;
	cursor:pointer;
	padding:12px;
	text-shadow:0 1px 5px #333;
}

.wmh-mf-prev{
	left:2px;
}

.wmh-mf-next{
	right:2px;
}

.wmh-mf-gallery button:disabled{
	opacity:.75;
	cursor:default;
}

.wmh-mf-feature-copy{
	padding:10px 28px;
}

.wmh-mf .wmh-mf-label{
	color:var(--red);
	font:700 16px Montserrat, Arial, sans-serif !important;
	text-transform:uppercase;
	margin-bottom:18px;
}

.wmh-mf-feature h2{
	font-size:36px !important;
	font-weight:600;
	margin-bottom:5px;
	letter-spacing:-.5px;
}

.wmh-mf-feature h3{
	font-size:18px !important;
	font-weight:700;
	margin-bottom:12px;
}

.wmh-mf-feature-copy>p:not(.wmh-mf-label){
	margin-bottom:16px;
	font-size:18px !important;
	line-height:28px !important;
}

.wmh-mf-section{
	padding:24px 30px 32px;
}

.wmh-mf-section-head{
	display:grid;
	grid-template-columns:230px 1fr;
	gap:18px;
	align-items:center;
	margin-bottom:24px;
}

.wmh-mf h2{
	font-size:28px !important;
	font-weight: 600;
	letter-spacing:-.6px;
}

.wmh-mf-section-head p{
	font-size:18px !important;
	line-height: 24px !important;
}

.wmh-mf-cards{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;
}

.wmh-mf-card{
	border:1px solid #ddd;
	box-shadow:0 2px 10px #00000016;
	border-radius:0 0 3px 3px;
	overflow:hidden;
}


.wmh-mf-card img{
	aspect-ratio:234/170;
	object-fit:cover;
}

.wmh-mf-card>div{
	padding:12px 9px;
}

.wmh-mf-card h3{
	font-size:16px !important;
	color:var(--red);
	font-weight:700;
	margin-bottom:5px;
}

.wmh-mf-card p{
	font-size:14px !important;
	line-height:18px;
}

.wmh-mf-process{
	background:#f5f2ef;
	padding-top:32px;
	padding-bottom:26px;
}

.wmh-mf-steps{
	list-style:none!important;
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:0;
	padding:0!important;
	margin:32px 0 0!important;
	counter-reset:none;
}

.wmh-mf-steps li{
	text-align:center;
	position:relative;
	margin:0;
	padding:0 22px;
	list-style:none!important;
}

.wmh-mf-steps li:not(:last-child):before{
	content:'';
	position:absolute;
	top:25px;
	left:50%;
	width:100%;
	height:2px;
	background:var(--red);
}

.wmh-mf-step-number{
	position:relative;
	z-index:1;
	display:flex;
	width:52px;
	height:52px;
	border:2px solid var(--red);
	border-radius:50%;
	align-items:center;
	justify-content:center;
	background:#f5f2ef;
	color:var(--red);
	font-size:25px;
	font-weight:700;
	margin:0 auto 18px;
}

.wmh-mf-steps h3{
	font-size:14px !important;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:4px;
}

.wmh-mf-steps p{
	font-size:14px !important;
	line-height:16px !important;
}

.wmh-mf-benefits{
	padding-top:36px;
	padding-bottom:56px;
}

.wmh-mf-benefits .wmh-mf-section-head{
	grid-template-columns:297px 1fr;
	margin-bottom:48px;
}

.wmh-mf-benefit-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
}

.wmh-mf-benefit-grid article{
	text-align:center;
	padding:0 26px;
}

.wmh-mf-benefit-grid article+article{
	border-left:1px solid #eee;
}

.wmh-mf-benefit-grid svg{
	color:var(--red);
	width:100px;
	height:94px;
	margin-bottom:17px;
}

.wmh-mf-benefit-grid h3{
	font-size:16px !important;
	font-weight:700;
	margin-bottom:5px;
}

.wmh-mf-benefit-grid p{
	font-size:16px !important;
	line-height:18px !important;
}

.wmh-mf-cta{
	background:#00263b;
	color:#fff;
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
	gap:35px;
	padding:44px 6% 42px;
}

.wmh-mf-cta h2{
	color:white;
	font-size:36px !important;
	margin-bottom:13px;
}

.wmh-mf-cta p{
	color:white;
	font-size:18px !important;
	max-width:460px;
	line-height:24px !important;
}

.wmh-mf-sr{
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
}

@media(min-width:1300px){
	.wmh-mf-feature,.wmh-mf-section,.wmh-mf-cta{
		padding-left:max(30px,calc((100% - 1200px)/2));
		padding-right:max(30px,calc((100% - 1200px)/2));
	}
	.wmh-mf-feature{
		grid-template-columns:1.2fr 1fr;
	}
	.wmh-mf-hero{
		min-height:510px;
	}
}

@media(max-width:800px){
	.wmh-mf h1{
		font-size:43px;
	}
	.wmh-mf h1 span{
		font-size:25px;
	}
	.wmh-mf-feature{
		grid-template-columns:1fr;
	}
	.wmh-mf-feature-copy{
		padding:28px 16px;
	}
	.wmh-mf-cards{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.wmh-mf-card p{
		font-size:18px !important;
	}
	.wmh-mf-section-head,.wmh-mf-benefits .wmh-mf-section-head{
		grid-template-columns:1fr;
		gap:10px;
	}
	.wmh-mf-steps li{
		padding:0 10px;
	}
	.wmh-mf-cta{
		grid-template-columns:1fr;
	}
	.wmh-mf-cta .wmh-mf-button{
		justify-self:start;
	}
	.wmh-mf-benefit-grid article{
		padding:0 14px;
	}
	
}

@media(max-width:540px){
	.wmh-mf-hero{
		min-height: 490px;
	background: linear-gradient(
		90deg,
		rgba(0, 44, 65, .97) 0%,
		rgba(0, 44, 65, .88) 50%,
		rgba(0, 44, 65, .45) 80%,
		rgba(0, 44, 65, 0) 95%
	), url('https://westchestermodular.com/multi-fam/imgs/hero.jpg') center/cover no-repeat;
	background-position: 62% center;
	}
	.wmh-mf-hero-inner{
		padding:44px 24px;
	}
	.wmh-mf h1{
		font-size:37px;
	}
	.wmh-mf h1 span{
		font-size:22px;
		max-width:330px;
	}
	.wmh-mf .wmh-mf-lead{
		font-size:16px;
	}
	.wmh-mf-section{
		padding:28px 20px;
	}
	.wmh-mf h2,.wmh-mf-feature h2{
		font-size:26px;
	}
	.wmh-mf-cards{
		grid-template-columns:1fr;
		gap:22px;
	}
	.wmh-mf-card h3{
		font-size:18px !important;
	}
	.wmh-mf-card>div{
		padding:16px;
	}
	.wmh-mf-steps{
		grid-template-columns:1fr;
		gap:24px;
	}
	.wmh-mf-steps li{
		display:grid;
		grid-template-columns:58px 1fr;
		column-gap:16px;
		text-align:left;
		padding:0;
	}
	.wmh-mf-step-number{
		grid-row:1/3;
		margin:0;
	}
	.wmh-mf-steps li:not(:last-child):before{
		left:25px;
		top:45px;
		width:2px;
		height:calc(100% + 24px);
	}
	.wmh-mf-steps h3 br{
		display:none;
	}
	.wmh-mf-steps h3 br:after{
		content:' ';
	}
	.wmh-mf-steps h3{
		font-size:18px !important;
	}
	.wmh-mf-steps p{
		font-size:18px !important;
	}
	.wmh-mf-benefit-grid{
		grid-template-columns:1fr;
		gap:30px;
	}
	.wmh-mf-benefit-grid article+article{
		border-left:0;
		border-top:1px solid #eee;
		padding-top:28px;
	}
	
	.wmh-mf-benefit-grid h3{
	font-size:18px !important;
	font-weight:700;
	margin-bottom:5px;
}

.wmh-mf-benefit-grid p{
	font-size:18px !important;
	line-height:20px !important;
}
	
	.wmh-mf-benefits .wmh-mf-section-head{
		margin-bottom:28px;
	}
	.wmh-mf-cta{
		padding:36px 24px;
	}
	.wmh-mf-cta h2{
		font-size:28px;
	}
	.wmh-mf a.wmh-mf-button{
		padding:13px 22px;
	}
}