.mapTooltip {
  position : fixed;
  background-color : #fff;
  moz-opacity:0.70;
  opacity: 0.70;
  filter:alpha(opacity=70);
  border-radius:10px;
  padding : 10px;
  z-index: 1000;
  max-width: 300px;
  display:none;
  color:#343434;
}
.zoomIn, .zoomOut {
  background-color:#fff;
  border:1px solid #ccc;
  color:#000;
  width:15px;
  height:15px;
  line-height: 15px;
  text-align:center;
  border-radius:3px;
  cursor:pointer;
  position:absolute;
  top : 10px;
  font-weight:bold;
  left : 10px;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.zoomOut {
  top:30px;
}
.map {
  background-color: #FFFFFF;
  margin: 10px;
  position: relative;
  height: 30%;
}
.container {
  max-width: 100%;
  margin: auto;
}

@media only screen and (max-width: 375px) {
  .container{
    width: 375px !important;
    background: #FFFFFF;
  }
}
@media only screen and (max-width: 360px) {
.container{
  width: 360px !important;
  background: #FFFFFF;
}
}
@media only screen and (max-width: 768px) {
.container{
  width: 768px !important;
  background: #FFFFFF;
}
}
@media only screen and (max-width: 414px) {
  .container{
    width: 414 !important;
    background: #FFFFFF;
  }
}
@media only screen and (max-width: 950px) {
  .container{
    width: 100%;
    background: #FFFFFF;
  }
}
h1 {
  color: #6b6b6b;
  text-align: center;
}