.municipality-selection {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end ;
}

.municipality-selection ul {
  margin: 0;
  padding: 0 0 0 1em;
}

.municipality-selection h1 {
  padding: 0;
  margin: 0;
  font-size: 1em;
}

.municipality-selection li {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0);
  list-style: none;
  font-size: 1em;
  line-height: 0.8em;
  display: inline-block;
  padding: .5em;
  width: 20px;
  height: 20px;
  overflow: hidden;
  font-weight: bold;

}
.municipality-selection li::first-letter {
  color: rgba(60, 60, 60, 0.5);
}

.municipality-selection li.selected {
  background-color: rgba(0, 198, 26, 1);
}

.municipality-selection li.selected::first-letter  {
  color: rgba(0, 0, 0, 1);
}