body {
  margin-top: 4em

}
.container {
  margin-bottom: 4em
}

.map {
  width: 100%;
  height: 40em;
  margin: 0;
}

.marker-icon {
  background-color: black;
  border-radius: 50%;
}

.marker-icon .icon {
  color: white;
  font-size: 25px;
  line-height: 30px;
  margin-top: 3px;
  text-align: center;
}

.beer-wine-icon .icon {
  border-radius: 50%;
  border: 2px solid black;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.custom-control a{
  color: white
}

.custom-control .leaflet-control-select-menu{
  color: white;
  font-weight: bold;
}

.blue-control a{
  background-color: #56bdf3;
}
.blue-control a:hover {
  background-color: #1f78b4;
}
.blue-control .leaflet-control-select-menu {
  background-color: #1f78b4;
}

.red-control a{
  background-color: #fb9a99;
}
.red-control a:hover {
  background-color: #e31a1c
}
.red-control .leaflet-control-select-menu {
  background-color: #e31a1c;
}

.green-control a{
  background-color: #b2df8a;
}
.green-control a:hover {
  background-color: #33a02c
}
.green-control .leaflet-control-select-menu {
  background-color: #33a02c;
}