* {
	box-sizing: border-box;
}

body {
	margin: 0 auto;
	padding: 40px 8%;

	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333;
	color: #e6e6e6;
}

h1,
h2,
h3 {
	margin-top: 0;
}

#map {
	width: 100%;
	height: 60vh;
	margin: 20px 0;
	background-color: #6b6b6b;
	border-radius: 4px;
}

div.coords {
	width: 40vw;
	margin: 0 auto 20px;
	padding: 10px;

	display: flex;
	justify-content: space-evenly;

	background-color: #3b5a6e;
	color: #e6e6e6;
	border-radius: 4px;
}

div.coords .coord span {
	font-weight: 700;
}

#getLocationBtn {
	display: block;
	margin: 0 auto;
	padding: 5px 10px;
}