nav {
  width: 100%;
  height: 100%;
  box-shadow: none;
  background: var(--color-dark-gray);
}

nav ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.nav-wrapper {
  width: 100%;
}

nav ul li {
  float: none;
}

nav ul a {
  font-size: 1.7rem;
  padding: 25px 20px 30px;
  letter-spacing: 0.7px;
}

nav ul a:hover {
  background: rgba(0, 0, 0, 0.3);
}

i.right {
  margin-left: 3px;
}

.dropdown-content li>a,
.dropdown-content li>span {
  font-size: 16px;
  color: dimgrey;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

/* MEDIA QUERIES */

/* MEDIA QUERIES */

/* MEDIA QUERIES */

@media (max-width: 670px) {
  nav,
  nav .nav-wrapper i,
  nav a.sidenav-trigger,
  nav a.sidenav-trigger i {
    line-height: 64px;
  }
  ul:not(.browser-default) {
    display: flex;
    flex-direction: column;
  }
  ul:not(.browser-default)>li {
    width: 100%;
    text-align: center;
  }
  ul:not(.browser-default)>li:not(:last-of-type) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  nav ul a {
    font-size: 1.5rem;
    padding: 1px 0 6px;
  }
  nav ul a:hover {
    background: transparent;
  }
}