.container {
  max-width: 980px;
  text-align: center;
  margin: 20px auto;
}

h1 {
  margin-bottom: 20px;
}

#geocoding_form {
  margin: 40px auto 40px;
}

.input-group {
  margin-left: 4%;
}

.find-me.btn:focus {
  border-color: transparent;
  outline: 0;
}

.coordinates {
  font-size: 18px;
  opacity: 0;
}

.update {
    opacity:0;
}

.not-on-https,
.no-geolocation-support {
  font-size: 18px;
  opacity: 0;
}

.coordinates b:first-child {
  margin-right: 15px;
}

.visible {
  opacity: 1;
}


.not-on-https,
.no-geolocation-support {
  display: none;
}

.map-overlay {
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  border-radius: 2px;
  opacity: 0;
}

.show-map {
  max-width: 100%;
  height: 400px;
  opacity: 1;
}

#map {
  margin: 0 auto;
}