#header {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 120;

  width: 100vw;
  height: 15vh;
  min-height: 50px;

  padding: 0px 2vw;

  justify-content: space-between;

  background-color: var(--greengrey);

  transition: 0.3s;
  transform-origin: 0% 0%;
}

#header-logo {
  width: 20vw;
  height: 100%;
  min-width: 100px;
  background-image: url(../img/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

#header-menu {
  height: 100%;
  justify-content: flex-start;
  align-items: flex-start;

  margin-left: 15px;

  font-family: var(--os);
}

.header-menu-option,
.header-menu-option a {
  margin: 6.25vh 2vw;
  height: 2.5vh;
  font-size: 2vh;
  text-transform: uppercase;
  transition: 0.2s;
  cursor: pointer;
  color: var(--darkgrey);
}

.header-menu-option:hover {
  color: var(--white);
}

.active {
  border-bottom: 1px solid var(--black);
}

/******************************************************************** SHOP MENU *********************************************************************/
#header-menu-shop-container {
  margin-top: 5vh;
  width: 4vw;
  position: relative;
  align-items: flex-end;
}

#header-menu-shop {
  margin: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
}

#header-menu-option-shop {
  margin: 0px;
  width: 8vw;
  height: 4.5vh;
  position: absolute;
  top: 2vw;
  right: 0px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

#header-menu-option-shop:hover {
  background-color: var(--darkgreen);
}

/****************************************************************** SMARTPHONE MENU ****************************************************************/
#header-menu_sp {
  display: none;
}

#header-menu_sp-cover {
  display: none;
}

#header-menu_sp-list {
  display: none;
}