#hero { height: 300px; background: url(/static/img/servicepages/bookend.jpg) 100% / contain; }
#hero > div {
	position: absolute;
	margin: auto;
	background-color: transparent !important;
	box-shadow: none !important;
	text-shadow: 0 0 20px white, 0 0 20px white;
	
	justify-content: center; 
	font-size: 28px;
	padding: 0 100px;
}
#hero > div > h2 { font-weight: 700; color: var(--mainblue); }

#hero > img {
	padding: 0 0 0 33%; margin: 0 auto 0 0; width: unset;
	position: relative; object-fit: contain;
	background: linear-gradient(180deg, #bbc1c3, #f0f0f0 40%, #f6f6f6 50%, #f4f4f4);
}

@media (max-width: 900px) {
	#hero > div { font-size: 22px; padding: 0; }
}