.header {
  width: 100%;
  height: 56px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.4);
  background: $gray-900;
  color: #FFF;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  & .brand {

  margin-left:auto;
	  padding-left:1em;
	  padding-right:1em;
	  text-decoration:none;
	  > h1 { 
	  color: $blue !important;
	  display: inline-flex;
      	  align-items:center;		
	  @include font-size(26px);
	  margin:0;
	  }
	 & .brand-img {
	 	margin-right:0.5rem;
	 }
	  & .second {
	  color: $orange !important;	  
  	}
	}
	& .lang-select {
		display:inline-flex;
		vertical-align:middle;
		margin-left:auto;
	}
}
.header__menu-toggle {

  background: none;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 24px 0 0;
  color: #FFF;
}

.nav-collapse {
}

.side-nav__content {
  padding-top: 32px;
  flex: 1;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.side-nav__content li {
  min-height: 48px;
  line-height: 48px;
}

.side-nav__content li a:hover {
  background: $gray-800;
}

.nav-collapse a {
  color: $gray-300;
  text-decoration: none;
  width: 100%;
  background: rgba(0,0,0,0.7);
  border-bottom: 1px solid $gray-900;
  padding: 0.7em 1em;
  float: left;
}