@media (max-width: 768px) {
  .menu-item {
    display: block;
  }
}

@media (min-width: 768px) {
  .menu-item {
    display: inline;
  }
}
@media screen and (max-width: 977px) {
    .menu-item.active-item {
        border-bottom: 2px solid #413f40;
    }
}
@media screen and (max-width:767px) {
    .menu-item {
        display:inline-block;
    }
}


.menu-wrapper {
  padding: 14px;
}

.menu-item {
  padding: .8em 1em;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-transform: none;
}

.menu-item.active-item {
  color: #FFF;
  border-bottom: 2px solid #FFF;
}

.menu-item:hover,
.active-item:hover {
  color: #FFF;
  text-decoration: none;
}

header .ui.dropdown .menu > .item:hover {
  color: black;
  background-color: #FFF;
}

header .ui.dropdown > .menu {
  background: #413F40;
}

.menu-item,
header .ui.dropdown > .menu > .item {
  color: #D2D4D3;
}

header .ui.dropdown > .menu > .selected.item {
  color: #fff;
}

header .ui.dropdown > .menu > .selected.item:hover {
  color: black;
}

.user-about {
  display: flex;
  align-items: center;
  flex-direction: column;
}


@media (max-width: 1200px) {
  .navbar-container {
    font-size: 0.85em;
  }
}

header {
  color: #fff;
}