/* common */
.menu-icon {
  position: fixed;
  top: 0;
  right: 0;

  z-index: var(--menu-icon-zindex);

  fill: black;
}

.nav-item-icon.menu-icon:hover {
  fill: antiquewhite;
}

/* mobile */

.menu-icon {
  display: none;
  margin-top: 1.5rem;
  margin-right: 1.5rem;
}

.menu-icon.active {
  display: block;
}

/* desktop */

@media screen and (min-width: 1280px) {
  #menu-icon-open,#menu-icon-close {
    display: none;
    margin: 2rem 4rem 0 0;
  }
}