.nav-wrapper {
  z-index: 9;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 640px;
  max-width: calc(100vw - 30px);
  /* background-color: #f3f3f3; */
}
nav, .dropdown-wrapper {
  box-sizing: border-box;
  align-items: center;
  /* max-width: 100%; */
  max-width: 640px;
  padding: 10px 0;
  margin: 0 auto;    
  overflow: visible!important;
}
.dropdown-wrapper {
  padding-top: 0;
}
.dropdown {
  background: var(--background-color);
  border-radius: 15px;
}
.dropdown .cell {
  padding: 10px 11px;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  cursor: pointer;
}
.dropdown .cell:hover {
  background: #f8f8f8;
}
.dropdown .cell:first-child {
  padding-top: 11px;
  border-top: 0;
  border-radius: 15px 15px 0 0;
}
.dropdown .cell:last-child {
  padding-bottom: 11px;
  border-bottom: 0;
  border-radius: 0 0 15px 15px;
}
/* @media (min-width: 1200px) {
  nav {
    max-width: 1200px;
    padding: 10px 0;
  }
} */