/* BEGIN OFFICE-DETAIL CSS --------------------------------------> */



#bannerContent #pageTitle
{
	padding-bottom: 20px;
	margin: 0;
	font-size: 40px;
	font-size: max(24px, 
			 min(40px, 24px + (40 - 24) * ((100vw - 767px) / (1920 - 767))
	));
}

#bannerContent #officePhone
{
	font-size: 19px;
	margin-bottom: 27px;
	font-weight: 500;
}

#bannerContent #officeAddress
{
	font-size: 19px;
}

/* #bannerContent::after
{
	content: '';
	position: absolute;
	width: 101vw;
	left: calc(49% - 50vw);
	height: 100%;
	background-color: #666;
	z-index: -1;
	top: 0;
} */

/* #content
{
	top: 116px;
} */

main
{
	padding-top: 20px;
	padding-top: max(0px, 
			 min(20px, 0px + (20 - 0) * ((100vw - 400px) / (1920 - 400))
	));
   
}

section p
{
	font-size: 19px;
}

#office_map
{
	padding: 0;
	margin-top: 56px;
	margin-bottom: 10px;
	position: relative;
	
}

#office_map .iframe
{
	position: relative;
}

#office_map .iframe::before
{
	content: '';
	position: absolute;
	background: #c24c40;
	width: 18px;
	top: 0;
	bottom: 11px;
	left: 0;
	
}

#tabLinks a:hover,
#tabLinks a:focus
{
	color: #c24c40;
}

#office_bio_contact,
#area_officecontact,
#officeContact
{
	padding: 40px;
	padding: max(20px, min(40px, 20px + (40 - 20) * ((100vw - 1280px) / (1920 - 1280)) ));
}

#officeContact
{
	padding-top: 0;
}

#officeContact h2 
{
	margin-top: 0;
}

#office_bio_contact a:not(:hover):not(:focus),
#area_officecontact a:not(:hover):not(:focus)
{
	color: #3E638B;
}

@media (min-width: 768px)
{
	.wideContentSpotlight 
	{
		grid-column: 1/3;
	}
}

@media (min-width: 920px)
{
	#banner
	{
		margin-bottom: 10px;
	}

	#content
	{
		/* top: 0; */
		margin-top: 0;
		
	}
	
	#subContent 
	{
		margin-top: 10px;
	}

}	

@media (min-width: 1023px)
{
	#subContent 
	{
		margin-top: 28px;
	}
}

@media (min-width: 1350px)
{
	#managingPartner .photo 
	{
		flex: 0 0 110px;
	}

}

@media (min-width: 1650px)
{
	#subContent 
	{
		margin-top: 35px;
	}
}


/* END OFFICE-DETAIL CSS ----------------------------------------> */