.header-wrapper{
  background: $header-bg;
  margin-bottom: $vmargin;
  padding: 0 $hmargin;
}

.header{
  @include medium-large{
    @include flex-center;
    justify-content: space-between;
  }
  padding: $vmargin 0;
}

.logo{
  @include medium-large{
    display: flex;
    align-items: baseline;
    .logo-text{
      margin-right: $hmargin;
    }
    .logo-image{
      margin-right: $hmargin;
    }
  }
  .tagline{
    font-size: 1.35rem;
  }
}

.nav{
  @include flex-center;
  .nav-user{
    margin-right: $hmargin;
  }
  .nav-new-post{

  }
}

.user-menu-dropdown{
  .dropdown-toggle{
    @include flex-center;
    padding: 0;
    background: none;
    img{
      margin-right: 5px;
    }
  }
}

.accounts-ui{
  padding: $vmargin;
  min-width: 240px;
  .buttons{
    .btn{
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: $vmargin;
      &:last-child{
        margin-bottom: 0;
      }
    }
  }
}