#map { position: absolute; top: 120px; bottom: 0; width: 80%; }
.mapboxgl-popup {
  max-width: 400px;
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  }

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.navbar {background-color: #149c3c}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.floating-form {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  z-index: 10000;
  height: 100%;
}

.marker {
display: block;
border: none;
border-radius: 50%;
cursor: pointer;
padding: 0;
}

.redIcon {
display: block;
border: none;
border-radius: 0%;
cursor: pointer;
padding: 0;
}

.icons {
display: block;
border: none;
border-radius: 50%;
cursor: pointer;
padding: 0;
}

.mapboxgl-popup {
max-width: 400px;
font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}