#map{
  display: none;
  margin: 0 auto;
  padding: 0;
  width: 890px;
  height: 900px;
  background: rgba(255,255,255,0.5);
}

.gbuttons {
	display: none;
	margin: 0 auto;
  width: 880px;
}

@media screen and (max-width: 920px) { #map { width: 800px; height: 800px;	}	.gbuttons { width: 800px;} }
@media screen and (max-width: 880px) { #map { width: 760px; height: 760px;	}	.gbuttons { width: 760px;} }
@media screen and (max-width: 840px) { #map { width: 720px; height: 720px;	}	.gbuttons { width: 720px;} }
@media screen and (max-width: 800px) { #map { width: 740px; height: 740px;	}	.gbuttons { width: 740px;} }
@media screen and (max-width: 760px) { #map { width: 700px; height: 700px;	}	.gbuttons { width: 700px;} }
@media screen and (max-width: 720px) { #map { width: 660px; height: 660px;	}	.gbuttons { width: 660px;} }
@media screen and (max-width: 680px) { #map { width: 620px; height: 620px;	}	.gbuttons { width: 620px;} }
@media screen and (max-width: 640px) { #map { width: 580px; height: 580px;	}	.gbuttons { width: 580px;} }
@media screen and (max-width: 600px) { #map { width: 540px; height: 540px;	}	.gbuttons { width: 540px;} }
@media screen and (max-width: 560px) { #map { width: 500px; height: 500px;	}	.gbuttons { width: 500px;} }
@media screen and (max-width: 520px) { #map { width: 460px; height: 460px;	}	.gbuttons { width: 460px;} }
@media screen and (max-width: 480px) { #map { width: 420px; height: 420px;	}	.gbuttons { width: 420px;} }
@media screen and (max-width: 440px) { #map { width: 380px; height: 380px;	}	.gbuttons { width: 380px;} }
@media screen and (max-width: 400px) { #map { width: 340px; height: 340px;	}	.gbuttons { width: 340px;} }
@media screen and (max-width: 360px) { #map { width: 300px; height: 300px;	}	.gbuttons { width: 300px;} }
@media screen and (max-width: 320px) { #map { width: 260px; height: 260px;	}	.gbuttons { width: 260px;} }


.centerpypa, .centerhere {
	cursor: pointer;
	padding: 5px;
	border: 1px solid black;
	border-radius: 5px 5px;
	color: #000000;
}

.centerpypa {
	background: #FFC93F;
	float: left;
}

.centerhere {
	background: #FFA195;
	float: right;
}

.centerpypa:hover {
	background: #FF980E;
	color: #FFFFFF;
}

.centerhere:hover {
	background: #FB7064;
	color: #FFFFFF;
}

.centermap {
	margin: 0 auto;
	display: block;
}

.centertap {
	display: block;
	text-align: center;
	clear: both;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}