style.css

body {
  font-family: 'Montserrat', sans-serif;
  padding: 0px;
  margin: 0px auto;
}

#map {
  height: 50%;
  width: 100%;
  margin: 0px auto;
  padding: 0px;
}

#contain {
  margin: auto;
  width: 100%;
  height: 40%;
}

#menu {
  display: inline;  /* height: 100%; */
  width: 100%;
  background: white;
  float: right;
  margin: 0% auto;
  padding: 2%;
  border: 0px;
  font-size: 100%;
}

#select {
  font-size: 140%;
  font-weight: 600;
  text-align: center;
}

.selectPlace {
  padding: 5px;
  display: inline-block;
  width: 21%;
  float: right; 
  /* border: 1px solid; */
  background: #5D9732;
  margin: 1.5% 1% auto;
  text-align: center;
  border-radius: 0% 0% 0% 0%;
  font-size: 125%;  /* box-shadow: 0px 0px 10px red; */
  word-wrap: break-word;
  height: 50px;
  line-height: 50px;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.selectPlace span{
	line-height: normal;
	margin: 50px 0 0 0;
}
.selectPlace :hover{
	cursor: pointer;
}

#clear {
  background: #005695;
}

@media screen and (max-width:1050px) {
	#map{
		height: 45%;
	}
	#menu {
		width: 100%;
		font-size: 100%;
		padding-right: 6%;
		padding-left: 6%;
	}
	#select{
		margin: 0 auto;
		padding-left: 8%;
	}
  .selectPlace {
  	width: 18%;
  	height: 45px;
  	margin: 1% 4% 0% 0% auto;
    font-size: 65%;
    border-radius: 0% 0% 0% 0%;
      line-height: normal;
      padding-top: 10px;

    /* width: 25%; */
  }

}