/* Noisy Note overrides for the Strongly Typed template */

#banner {
	background: linear-gradient(rgba(20, 30, 45, 0.45), rgba(20, 30, 45, 0.45)), url("../../images/las-cruces-banner.jpg");
	background-size: cover;
	background-position: center 40%;
	background-repeat: no-repeat;
}

	#banner p {
		text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
	}

	@media screen and (max-width: 736px) {
		#banner {
			background-position: center 55%;
		}
	}

/* Keep the portrait headshot the same height as the landscape feature photos on the home page */
#features .image.featured img {
	width: 100%;
	height: 14em;
	object-fit: cover;
	object-position: center 25%;
}

/* Sidebar headshot on the About page */
#sidebar .image.featured img {
	width: 100%;
	height: auto;
}

/* Make FAQ headings and anchor targets land below the sticky-ish header */
#content h3[id] {
	scroll-margin-top: 2em;
}