#lnav {
  width: 100%;
  text-align: center;
}

#lnav ul li {
  display: inline-block;
  text-align: center;
}

#lnav ul li a {
  display: inline-block;
  vertical-align: top;
  width: 9em;
  line-height: 1em;
  padding: 0.5em 1em 0.6em 1em;
  border: solid 2px var(--site-main-color);
  background-color: var(--site-white-color);
  font-size: 17px;
  margin: 0.2em;
  color: var(--site-main-color);
}

#lnav ul li a:hover,
#lnav ul li a.active {
  background-color: var(--site-main-color);
  color: var(--site-white-color);
}