.active {
  opacity: 1;
  z-index: 5;
}

.nav-active {
  transform: translate(0, 25%) scale(1) rotate(0deg);
  opacity: 1;
}

.nav--scroll-fixed {
  background-color: #000;
}

.header__menu--active {
  z-index: 6;
}

.menu__nav-item--active a,
.categorie--active {
  color: #fff;
}

.hero__logo--active {
  transform: translateY(-25px);
  opacity: 0;
}

@media only screen and (min-width: 1024px) {
  .nav-active {
    transform: translate(0, 200px) scale(1) rotate(0deg);
    opacity: 1;
  }
}