#header-images {
	overflow: hidden; height: 180px;
	vertical-align: middle;
	font-size: 60px; line-height: 0;
	margin-bottom: 25px;
}
#header-images img {
	display: inline-block; height: 100%;
}
@media (max-width: 1000px) { #header-images {
	height: 18vw; margin-bottom: calc(10px + 1.5vw);
} }
@media (max-width: 500px) { #header-images {
	height: 90px;
} }

#main section {
	overflow: hidden; /* contain floating images within expanded sections */
}

#main .expand {
	margin: 25px 0;
}
#main .expand>a:first-child + h1 {
	background-color: #4fa3db;
	padding: 10px 20px;
	margin: 0;
}
#main .expand>a:first-child:target + h1 {
	margin-bottom: 20px;
}
#main .expand>a:first-child + h1 a {
	display: block; margin-left: .75em;
	color: white !important;
	text-decoration: none !important;
}

#main .expand>a:first-child + h1 a::before {
	content: ''; display: inline-block;
	transform: rotate(90deg);
	width: 1em; height: 1em;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTIgNDkyIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgoJPHBhdGggc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIiBmaWxsPSIjNDI0YTQ0IiBkPSJNMzgyLDIyNkwxNjMuNzMsNy44NkMxNTgsMiwxNTEsMCwxNDQsMHMtMTMsMi0xOSw3Ljg2bC0xNiwxNi4xMmMtMTAsMTAtMTAsMjcsMCwzOEwyOTMsMjQ1LjlsLTE4NC4wNiwxODQuMDZjLTUsNS03Ljg2LDExLTcuODYsMTljMCw3LDIsMTMsNy44NiwxOS4wNGwxNiwxNmM1LDUsMTEsNy44NiwxOSw3Ljg2czEzLTIsMTktNy44NkwzODIsMjY1YzUtNSw3LTExLDctMTlDMzkwLDIzOCwzODcsMjMxLDM4MiwyMjZ6Ii8+Cjwvc3ZnPgo'); filter: invert(1) brightness(100);
	background-position: center center; background-size: contain; background-repeat: no-repeat;
	position: relative; top: .12em; left: -.6em;
}

#main .expand>a:first-child { position: fixed; top: 0; left: 0; }
#main .expand>a:first-child:target + h1 a::before { transform: rotate(-90deg); }
#main .expand>a:first-child:not(:target) + h1 ~ * { display: none; }
#main .expand>a:first-child:not(:target) + h1>a:last-child { display: none; }
#main .expand>a:first-child:target + h1>a:first-child { display: none; }