#map1 {
	width: 100%;
	height: 800px;
}
.program-div-icon1,
.program-div-icon2,
.program-div-icon3 {
	box-sizing: border-box;
	text-align: center;
	font-weight: normal;
	color: white;
	background: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('marker/marker.svg');
	font-family: "ASAP 500 local", Arial, Helvetica, sans-serif;
	z-index: 1;
}
.program-div-icon3 {
	width: 62px;
	height: 70px;
	background-size: 62px 70px;
	padding: 16px 0 0 1px;
	font-size: 21px;
}
.program-div-icon2 {
	width: 52px;
	height: 60px;
	background-size: 52px 60px;
	padding: 13px 0 0 1px;
	font-size: 18px;
}
.program-div-icon1 {
	width: 42px;
	height: 50px;
	background-size: 42px 50px;
	padding: 12px 0 0 1px;
	font-size: 15px;
}
/* note: if you change width, height or background-size (must be same as width height!) then you must adjust iconAnchor in function pointToLayer. The anchor x is half of width, the y is height - 6 */


/* styles for leaflet popup */
.popup-project .leaflet-popup-content-wrapper {
	border-radius: 10px;
}
.popup-project .leaflet-popup-content-wrapper h4 {
	font-family: "ASAP 500 local", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #555;
	font-size: 19px;
	letter-spacing: 0;
	margin: .8em 0 .6em 0;
}
.popup-project .leaflet-popup-content-wrapper ul {
	list-style: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.popup-project .leaflet-popup-content-wrapper ul li {
	margin: 0 0 .6em 0;
}
#content .popup-project .leaflet-popup-content-wrapper li a {
	text-decoration: none;
	color: #85b315;
}
#content .popup-project .leaflet-popup-content-wrapper li a:hover {
	text-decoration: underline;
}