.icon {
  padding-left: 5px;
  padding-right: 7px;
  vertical-align: middle;
}
.leaflet-popup-content {
  padding: 5px;
  margin: 5px;
}

.menu {
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  font-family: "Gotham SSM Bold", Arial, Helvetica, Verdana, sans-serif;
  display: table-cell;
  border-width: 0px;
  border-color: #505050;
  border-style: solid;
}
.menutitle {
  margin: 5px;
  padding: 5px;
  border-bottom: 1px solid #404040;
  text-transform: uppercase;
}
.menuchoice {
  vertical-align: middle;
  margin: 5px;
  padding: 5px;
  text-transform: uppercase;
  cursor: pointer;
}
.disabledmenuchoice {
  pointer-events: none;
  vertical-align: middle;
  margin: 5px;
  padding: 5px;
  background-color: #e0e0e0;
  text-transform: uppercase;
  cursor: pointer;
}
.menuchoice:hover {
    background-color: #ccc;
}
.menulocation {
  border-top: 1px solid #404040;
  margin: 5px;
  padding: 5px;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (orientation:portrait) {
  .menu {
    zoom: 0.7;
    max-width: 350px;
    font-size: 18px;
  }
  a .menu {
    font-size: 18px;
  }
  .menuchoice {
    font-size: 18px;
  }
  .menutitle {
    font-size: 18px;
  }
  .menulocation {
    font-size: 18px;
  }
}