#map {
	display: block;
	width: 100%;
	margin: auto;
	z-index: 1;
}
#mapWrapper {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.circle {
	color: black;
	border: 2px solid #000;
    height: 2.6vh;
    width: 2.6vh;
    line-height: 2.6vh;
    -moz-border-radius: 50%; /* or 50% */
    border-radius: 50%; /* or 50% */
    text-align: center;
}
.filledCircle {
	background: rgba(239,238,234,0.7);
    height: 2.6vh;
    width: 2.6vh;
    line-height: 2.6vh;
    -moz-border-radius: 50%; /* or 50% */
    border-radius: 50%; /* or 50% */
    text-align: center;
}
@media screen and (orientation:portrait) {
	.circle {
	    height: 3.5vh;
	    width: 3.5vh;
	    line-height: 3.5vh;
	}
}

.locationLink {
	position: absolute;
	z-index: 2;
	font-size: 2.6vh;
	color: black;
}
#l1{left: 44%; top: 21%;	}
#l2{left: 52%; top: 19%;	}
#l3{left: 65%; top: 24%;	}
#l4{left: 51%; top: 27%;	}
#l5{left: 55%; top: 31%;	}
#l6{left: 55%; top: 44%;	}
#l7{left: 59%; top: 52%;	}
#l8{left: 58%; top: 67%;	}
#l9{left: 36%; top: 73%;	}
#l10{left: 38%; top: 83%;	}
#l11{left: 40%; top: 88%;	}
#l12{left: 40%; top: 35%;	}
#l13{left: 35%; top: 12%;	}