.menuItems,
.menuItem {
  display: flex;
  direction: column;
  align-items: center;
}

.desktopMenu {
  display: none;
}

.menuItem {
  gap: var(--Space-x1);
  padding: var(--Space-x1);
}

.menuDivider {
  margin: var(--Space-x2) 0;
}

.contactLink {
  color: var(--Text-sas-20);
}

@media screen and (min-width: 768px) {
  .menuItems,
  .menuItem {
    display: flex;
    align-items: center;
    padding: 0;
  }

  .menuItems {
    gap: var(--Space-x3);
  }

  .mobileMenu {
    display: none;
  }

  .desktopMenu {
    display: flex;
    gap: var(--Space-x3);
    align-items: center;
  }

  .contactLink {
    color: white;
  }
}