body, html {
	height: 100%;
	/* height: 100vh; */
	font-family: sans-serif;
}

body {
	margin: 0;
}

.map-overlay {
	background-color: rgba(255,255,255,.5);
	box-shadow: .1em -.1em .25em rgba(0,0,0,.5);
	margin: 0 auto;
	padding: 0 .5em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 40em;
	z-index: 100;
}

.map-overlay>h1 {
	font-size: 1.2em;
	margin: .5em 0;
}

.map {
	height: 100%;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
}