#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: 47%; top: 14%;	}
#l2{left: 63%; top: 23%;	}
#l3{left: 49%; top: 22%;	}
#l4{left: 51%; top: 28%;	}
#l5{left: 55%; top: 36%;	}
#l6{left: 62%; top: 57%;	}
#l7{left: 50%; top: 68%;	}
#l8{left: 43%; top: 71%;	}
#l9{left: 37%; top: 88%;	}
#l10{left: 30%; top: 88%;	}
#l11{left: 43%; top: 85%;	}
#l12{left: 48%; top: 96%;	}
#l13{left: 52%; top: 96%;	}
#l14{left: 34%; top: 12%;	}