/* Mobile Nav */
.m-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--mobile-nav-bg);
  transform: translateY(-100%);
  transition: all 0.2s ease;
  z-index: 98;
}

.m-nav.active {
  transform: translateY(0%);
  height: 100vh;
}

.m-nav.active .menu-container {
  display: block;
  padding: 0;
}

.m-nav ul {
  display: flex;
  flex-direction: column;
  color: white;
}

#page .m-nav .menu-container li a {
  color: var(--main);
  font-size: var(--mobile-font-size);
}

#page .m-nav ul li.current-menu-item a {
  color: var(--mobile-nav-active-color);
}

body.no-overflow {
  height: 100vh;
  overflow: hidden;
}
@media only screen and (max-width: 42em) {
  #page .m-nav .menu-container li a {
    font-size: 2rem;
  }
}