.menu--main ul {
  margin: 1em -1em;
  width: calc(100% + 2em);
  display: flex;
  flex-direction: column;
}
@media (min-width: 1199px) {
  .menu--main ul {
    flex-direction: row;
  }
}
.menu--main ul li {
  display: inline-block;
  margin: 0 1em;
}
.menu--main ul li a {
  font-family: "Graphie";
  font-weight: bold;
  opacity: 0.3;
  color: black;
  display: block;
  text-align: center;
}
.menu--main ul li a.is-active {
  opacity: 1;
}