.burger {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent !important;
  border: 0;
  color: #622627!important;
  box-shadow: none;
}

.burger:hover,
.burger:focus,
.burger:active {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  color: #622627!important;
}

.burger:hover .burger-icon{
  transform: translateX(-5px);
}
.burger-icon {
  position: relative;
  width: 22px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  transition: transform .3s ease;
  justify-content: center;
}

.burger-icon::before,
.burger-icon::after,
.burger-icon-line {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 2px;
  background: currentColor;
  transition: transform 0.25s ease, opacity 0.2s ease, top 0.2s ease;
}

.burger-icon::before { top: 0; }
.burger-icon-line { top: 7px; }
.burger-icon::after { top: 14px; }

header .right.active .burger-icon::before {
  top: 7px;
  transform: rotate(45deg);
}

header .right.active .burger-icon-line {
  opacity: 0;
}

header .right.active .burger-icon::after {
  top: 7px;
  transform: rotate(-45deg);
}

#menu-primary{
  padding-bottom: 10vh;
  font-family: 'Instrument', serif;
  gap: 2rem;
}

.menu-extra {
  margin-top: auto;
  display: grid;
  align-self: stretch;
  width: 100%;
  position: relative;
  gap: 16px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
header .right nav{
  padding: 4rem 8rem;
}
.menu-extra .links p {
  margin: 0 0 8px;
}

.menu-extra .links ul {
  list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.05rem
}
.menu-extra .links li a{font-size:1.75rem;font-weight:300;line-height:1.5;-webkit-transition:all .3s ease;transition:all .3s ease}
.menu-extra .links li a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}

.menu-extra .links li + li {
  margin-top: 6px;
}
.menu-extra .social.links a{
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.menu-extra .social.links a:hover{
  text-decoration: none;
}