body {
	background-color: #191919;
	color: #f6f6f6;
	font-family: "Oswald", sans-serif;
}

svg {
	width: 100%;
	height: 100%;
}

#container {
	width: 97vw;
	max-width: 1400px;
	margin: 0 auto;
}

#map {
	width: 100%;
	height: 90vh;
	margin-top: 1vh;
}

.name {
	fill: #f0f0f0;
	font-size: 14px;
	cursor: pointer;
}

.name.active {
	fill: #fec763;
	pointer-events: none;
}

.bg {
	stroke: none;
	fill: #476cc9;
}

.borders {
	fill: none;
	stroke: #ebbd6a;
	stroke-width: 1px;
}

.footer {
	width: 100%;
	text-align: right;
	font-size: 12px;
	padding-right: 25px;
	margin-top: 15px;
	color: #aaaaaa;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #dddddd;
}

@media screen and (min-width: 768px) {
	#map {
		height: 95vh;
	}

	.name {
		font-size: 20px;
	}
}