#band {
	position: absolute;
	top: 3.7em;
	left: 0; right: 0;
	height: 2em;
	background-color: #FBAD39;
	letter-spacing: 0;
	padding: 0.7em 1.2em 0.5em 1.2em;
	text-align: right;
	font-family: 'PT Sans'; 
}

#band>* { border-width: 0px; width: auto; }
#band>h3 { display: inline-block; color: black; font-weight: normal; float: left; }
#band>span { }
#band .band_option { font-size: smaller; margin-left: 1em; vertical-align: middle; cursor: pointer; }
#band .band_option.selected { background-color: white; border: 2px solid white; border-radius: 10px; padding: 0px 5px; }
#band .band_option:hover { text-decoration: underline; }

#browse_map {
	position: absolute;
	top: 9em;
	bottom: 0; left: 0; right: 0;
/*	height: calc(100% - 9em); */
}
#browse_map .leaflet-tile-pane>div:first-child { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

#route_headline,#route_subtitle {
	font-family: Aleo;
	color: #000;
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.5px;
}
#route_headline span.ncn_number { font-size: small; }
#route_facts { font-family: 'PT Sans'; padding-bottom: 6pt; }
#route_stats>table { width: 100%; font-size: 0.9em; font-family: 'PT Sans'; padding: 1em 0; }

#route_headline:empty,#route_subtitle:empty,#route_facts:empty,#route_description:empty,#route_image:empty { display: none; }
#route_image>img { max-width: 100%; height: auto; }
#route_signpost { margin-top: 0.5em; width: auto; }