.header.menu-group {
  justify-content: flex-start;
}

.icon > svg {
  > path {
    fill : #fff;
  }
}

.float-left > span.icon.user {
    top: 0;
}

.header {
  padding-left: 0 !important;
  padding-right: 1rem;
  min-height: 48px;
  .menu-bar > li {
    display: list-item;
    padding: 0;
    > a {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      font-size: 0.9rem;
      @include breakpoint(large) {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
      }
    }
  }
}

.grp-menu-items-group {
  flex-flow: row nowrap;
  display: flex;
  justify-content: flex-end;
}

.grp-menu-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  .button:hover {
    background: #414141 !important;
  }
  > a, .button {
    color: #fff !important;
    padding: 0.5rem;
    @include breakpoint(large) {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    font-size: 1rem;
    &:hover {
      background: #414141;
      color: #fff;
    }
  }
}

.user-icon > a {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.header .button.create-account {
    margin-left: 16px;

  > span {
      font-size: 14px;
      text-transform: capitalize;
  }
}
