<style>
	body {
		margin: 0;
		padding: 0;
		background-color: "whitesmoke";
		font-family: "Noto Sans", sans-serif;
		color: #3d3d3d;
	}
	#title {
		position: fixed;
		margin-top: 0;
		top: 10px;
		left: 50px;
		font-size: 2em;
		font-family: "Lora", serif;
		letter-spacing: .04em;
		padding: 10px 15px;
		background-color: rgba(255, 255, 255, 0.5);
		border: 1px solid grey;
		border-radius: 3px;
		z-index: 800;
	}
	#description h2 {
		font-family: "Lora", serif;
		letter-spacing: .04em;
	}
	#map {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
	}
	.custom .leaflet-popup-tip,
	.custom .leaflet-popup-content-wrapper {
		background: #000000;
		color: #ffffff;
	}
	.custom .leaflet-popup-tip,
	.custom .leaflet-popup-content-wrapper {
		background: #000000;
		color: #ffffff;
	}
	#description {
		position: fixed;
		bottom: 20px;
		right: 10px;
		width: 280px;
		padding: 0px 15px;
		background-color: rgba(255, 255, 255, 0.7);
		border: 1px solid grey;
		border-radius: 3px;
		z-index: 800;
	}
	#description p {
		font-size: .9em;
		line-height: 1.5em;
	}
	#description a {
		color: #005daa;
		text-decoration: none;
	}
	#description a:hover {
		text-decoration: underline;
	}
</style>