header {
  height: 80px;
}

.nav-item {
  color: var(--dark);
  font-size: 0.875em;
  font-weight: 400;
  margin: 0 20px;
}

.nav-link{
  color: black;
}

.nav-link:hover{
  color: black;
  font-weight: 800;
}

.nav.nav-pills .nav-link.active{
  background-color: var(--dark);
  
}

.logo{
  color: black;
  margin: 0 auto;
  height: 2.5em;
}

.fa-bars{
  color: white;
}

.icon {
  margin: 0;
  height: 50px;
}

@media (max-width: 640px)
{
  body {
    font-size: 80%;
  }
}

@media (max-width: 430px)
{
  .logo{
    height: 2em;
  }
}

@media (max-width: 340px)
{
  .logo{
    height: 1.5em;
  }
}