div#map-overlay {
	position:absolute;
	top:10px;
	left:20px;
	background-color: transparent;
	max-width: 90%;
	pointer-events:none;
}

div#map-overlay a{
	pointer-events: auto;
}

#map-title{
	background-color: transparent;
	pointer-events: none;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 16px;
	line-height:16px;
}

div#map-with-overlay {
	position:relative;
	left:0;
	top:0;
    padding-top: 80px;
    background: #F5F4F2;
}

div#map-buttons {
	margin-top: 0;
}

a.map-buttons {
	display:inline-block;
	padding:10px;
	margin-right:4px;
	background-color: #F5F4F2;
	font-family: Arial;
	font-weight:bold;
	color: #AAAAAA;
	text-decoration: none;
	font-size: 12px;
	border: 1px solid #D6D6D4;
	box-shadow: 0px 0px 4px 1px #D6D6D4;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
	margin-bottom:10px;
	padding-top:0;
	padding-bottom:0;
	height: 30px;
	line-height: 30px;
}

a.map-buttons.special-map-buttons{
	color: #3E3E3E;
	/*
	background-color: #D6D6D4;
	*/
	background-color: #E5E4E2;
}

#toggle-button{
	position: absolute;
	top: -40px;
	left:calc(50% - 51px);
	z-index: 1;
}

.no-touch a.map-buttons:hover, a.map-buttons.selected{
	color: #3E3E3E;
	background-color:#FFFFFF;
}

#map-button-menu{
	display:none;
}

a.burger-button{
	display:none;
	background-color: #FFFFFF;
	font-family: Arial;
	font-weight:bold;
	color: #AAAAAA;
	text-decoration: none;
	font-size: 8.75vw;
	line-height: 11.25vw;
	width: 11.25vw;
	text-align:center;
	border: 1px solid #D6D6D4;
	box-shadow: 0px 0px 4px 1px #D6D6D4;
}

#map-button-menu{
	position:absolute;
	top:10vw;
	width:100%;
	background-color: #FFFFFF;
	padding-bottom: 6vw;
}

.x-button{
	position: absolute;
	left: 3vw;
	top: 3vw;
	width: 4vw;
	height: 4vw;
}

#map-button-menu span{
	font-size: 3.75vw;
	font-family: Arial;
	font-weight: normal;
	line-height: 11.25vw;
	color: #AAAAAA;
	display: inline-block;
	text-align: center;
	width: 100%;
	pointer-events: auto;
	margin-bottom: -3.25vw;
}

a.mobile.map-buttons {
	text-align: center;
	width:calc(100% - 2px);
	display:inline-block;
	padding:0;
	padding-top:2vw;
	padding-bottom:2vw;
	background-color: #FFFFFF;
	font-family: Arial;
	font-weight:bold;
	color: #AAAAAA;
	text-decoration: none;
	font-size: 3.75vw;
	line-height: 11.25vw;
	height: 11.25vw;
	margin-top:1vw;
	margin-bottom:0;
	border: none;
	box-shadow: none;
}


@media (max-width: 640px){
	#map-overlay .no-mobile{
		display:none;
	}
	div#map-overlay{
		width:calc(100% - 40px);
	}
	#toggle-button{
	}
	a.burger-button{
		display: inline-block;
	}
	div#map-overlay{
		left: 1.5625vw;
		top: 1.5625vw;
	}
}

@media (max-width: 640px){
	#map-title{
		display: none;
	}
}