.header {
  position: absolute;
  z-index: 10;
  top: 2.36vw;
  width: 100vw;
}

.header-nav {
  width: fit-content;
  margin: 0 auto;
  gap: 3.75vw;
  display: flex;
}

.header-link {
  color: #686868;
  font-weight: 300;
  transition: color .3s;
}

.header-link:hover {
  color: white;
}

@media (max-width: 431px) {
  .header {
    display: none;
  }
}

/* S I D E B A R */
aside {
  position: relative;
  padding: 0 8vw;
  justify-content: flex-end;
  display: none;
}

.aside-btn-open {
  gap: 1vw;
  display: grid;
}

.aside-btn-open div {
  width: 4vw;
  height: .5vw;
  background: white;
}

.side-bar {
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background: #000;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.aside-nav {
  width: fit-content;
  margin: 0 auto;
  gap: 15vw;
  display: grid;
}

.aside-link {
  font-size: 4vw;
  font-weight: 100;
  text-align: center;
}

.aside-btn-close {
  position: absolute;
  top: 6%;
  right: 12%;
}

.aside-btn-close div {
  position: absolute;
  width: 6vw;
  height: .3vw;
  margin-top: 1vw;
  background: white;
  transform: rotateZ(45deg);
}

.aside-btn-close div:nth-child(2) {
  transform: rotateZ(-45deg);
}

@media (max-width: 431px) {
  aside {
    display: flex;
  }
}