@-webkit-keyframes wiggle {
  0%, 7% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  15% {
    -webkit-transform: rotateZ(-15deg);
            transform: rotateZ(-15deg);
  }
  20% {
    -webkit-transform: rotateZ(10deg);
            transform: rotateZ(10deg);
  }
  25% {
    -webkit-transform: rotateZ(-10deg);
            transform: rotateZ(-10deg);
  }
  30% {
    -webkit-transform: rotateZ(6deg);
            transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg);
  }
  40%, 100% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
}
@keyframes wiggle {
  0%, 7% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  15% {
    -webkit-transform: rotateZ(-15deg);
            transform: rotateZ(-15deg);
  }
  20% {
    -webkit-transform: rotateZ(10deg);
            transform: rotateZ(10deg);
  }
  25% {
    -webkit-transform: rotateZ(-10deg);
            transform: rotateZ(-10deg);
  }
  30% {
    -webkit-transform: rotateZ(6deg);
            transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg);
  }
  40%, 100% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
}
@-webkit-keyframes moon_landing {
  0%, 7% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  15% {
    -webkit-transform: rotateZ(-15deg);
            transform: rotateZ(-15deg);
  }
  20% {
    -webkit-transform: rotateZ(10deg);
            transform: rotateZ(10deg);
  }
  25% {
    -webkit-transform: rotateZ(-10deg);
            transform: rotateZ(-10deg);
  }
  30% {
    -webkit-transform: rotateZ(6deg);
            transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg);
  }
  40%, 100% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
}
@keyframes moon_landing {
  0%, 7% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  15% {
    -webkit-transform: rotateZ(-15deg);
            transform: rotateZ(-15deg);
  }
  20% {
    -webkit-transform: rotateZ(10deg);
            transform: rotateZ(10deg);
  }
  25% {
    -webkit-transform: rotateZ(-10deg);
            transform: rotateZ(-10deg);
  }
  30% {
    -webkit-transform: rotateZ(6deg);
            transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg);
  }
  40%, 100% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
}
.Header {
  position: sticky;
  top: 0;
  background-color: #2B1425;
  height: 120px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99;
}
.Header:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.Header.scrolled {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
}
.Header.scrolled:after {
  height: 0;
}
.Header__Wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Header__Brand {
  width: 300px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 75%);
      -ms-transform: translate(-50%, 75%);
          transform: translate(-50%, 75%);
}
.Header__Brand img {
  width: 100%;
}
.scrolled .Header__Brand {
  width: 115px;
}
.Header__Button {
  width: 40px;
  fill: #F2E7D5;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.Header__Button:hover {
  fill: #C7A568;
}
.Header__SocialIcon {
  width: 30px;
  fill: #F2E7D5;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.Header__SocialIcon:hover {
  fill: #C7A568;
}
.Header__Nav {
  display: none;
  text-align: center;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0px 3px 6px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5) inset, 0px 3px 6px rgba(0, 0, 0, 0.5);
  background-color: #2B1425;
  list-style: none;
  margin: 0;
  padding: 40px 40px 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: -1;
  background-size: cover;
}
.Header__Nav:after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.Header__NavItem {
  position: relative;
  padding: 15px;
  -webkit-transition: margin-top 0.3s;
  transition: margin-top 0.3s;
}
.Header__NavItem:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 250px;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(50%, rgba(255, 255, 255, 0.5)), to(transparent));
  background: linear-gradient(90deg, transparent 0, rgba(255, 255, 255, 0.5) 50%, transparent 100%);
}
.Header__NavItem a {
  text-decoration: none;
  font-weight: 600;
}
.Header__NavItem a:hover {
  color: #C7A568;
}
.Header__NavItem:first-of-type {
  margin-top: 120px;
}
.scrolled .Header__NavItem:first-of-type {
  margin-top: 0;
}