html, body {
	width:100%;
	height:100%;
	}
body {
  margin: 0;
  padding :0;
}
.map {
	height: 600px;
  top: 0;
  bottom: 0;
	left: 5%;
  width: 90%;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.map:-webkit-full-screen {
    width: 100%;
    height: 100%;
}
.d-none{
  visibility: none;
}
#menu {
  width: 310px;
  background: #fff;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.4);
  font-family: 'Open Sans', sans-serif;
}
#menu a {
  font-size: 13px;
  color: #404040;
  display: block;
  margin: 0;
  padding: 0;
  padding: 10px;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,0.25);
  text-align: left;
}
#menu a:last-child {
  border: none;
}
#menu a:hover {
  background-color: #f8f8f8;
  color: #404040;
}
#menu a.active {
  background-color: #3887be;
  color: #ffffff;
}
#menu a.active:hover {
  background: #3074a4;
}
#select {
  font-size: 13px;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  border-radius: 0px;
  border: 0px;
  border-top: 1px solid rgb(42, 101, 142);
}
@media all and (min-width: 1024px) and (max-width: 1280px) {
  #menu {
  	width: 250px;
	 }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
  #menu {
  	width: 200px;
	}
}
@media all and (max-width: 768px) {
  .icon{
    display: block!important;
  }
  #select{
    display: none!important;
  }
  #menu {
  	width: 100px;
		top: 0px;
		right: 0px;
	}
	 #menu a {
	   font-size: 10px;
	   line-height: 12px;
	 }
	 #menu img {
	   width: 15px;
	   height: 15px;
	   margin-right: .2rem!important;
	 }
	 #select {
	   font-size: 10px;
	   line-height: 12px;
	 }
	 #navMenu a:not(:first-child) {display: none;}
	 #navMenu a.icon {
	   display: block;
	   background-color: #3887be;
	   color: #ffffff;
	 }
	 #navMenu.responsive {position: relative;}
	 #navMenu.responsive a.icon {
	   right: 0;
	   top: 0;
	 }
	 #navMenu.responsive a {
	   display: block;
	   text-align: left;
	 }
}