#mini-map {
	position: relative;
}

#mini-map p {
	margin: 0;
}

@media screen and (max-width: 320px) {
	#mini-map > img {
		max-width: 90%;
	}
}

#mini-map > pre {
	display: none;
}

.pin {
	position: absolute;
	width: 48px;
	height: 40px;
    background-size: 48px 40px;
	z-index: 1;
}
.pin.red {
	background-image: url("/static/images/pin_red.png");
}
.pin.blue {
	background-image: url("/static/images/pin_blue.png");
}

.pin > a {
	display: block;
	width: 24px;
	height: 40px;
}