.hamburger-wrapper {
	position:absolute;
	top:0.5rem;
	right:0.5rem;
}

.hamburger-icon {
	display:none !important;
}

ul.nav-bar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom:1rem;
  height:auto;
}

ul.nav-bar li {
  float: left;
  padding:0.2rem;
}

ul.nav-bar li a {
  display: block;
  text-align: center;
  padding: 0.8rem 1rem;
  text-decoration: none;
  text-transform: Uppercase;
  font-size:0.8rem;
  transition: 1s;
  font-weight:bold;
}

ul.nav-bar li.active a {  
	font-size:0.9rem;
	cursor:default;
}

ul.nav-bar li a:hover {
  font-size:1rem;
  padding-bottom:0.5rem;
}

ul.nav-bar li.active a:hover {
	font-size:0.9rem;
	padding-bottom:0.8rem;
}

i.nav-menu-close {
	display:none;
}

ul.nav-bar li:first-child a {
	position:absolute;
	left:-10rem;
}

ul.nav-bar li:first-child a:focus {
	position:relative;
	top:0;
	left:0;
	z-index:1000;
}

/*xs to small screens */
@media screen and (max-width:780px) {
	.nav-wrapper {
		position:absolute;
		top:0.5rem;
	}
	
	.hamburger-icon {
		position:absolute;
		cursor:pointer;
		top:0.5rem;
		right:0.5rem;
		display:block !important;
	}
	
	i.nav-menu-close {
		position:absolute;
		top:1rem;
		right:1rem;
		cursor:pointer;
	}
	
	ul.nav-bar {
		margin-right:2.5rem;
		transition:2s;
	}
	
	ul.nav-bar li {
	  float: none;
	  border-bottom:1px solid;
	}
	
	ul.nav-bar li a { text-align:left;}
	
	ul.nav-bar li a:hover {
	  font-size:0.8rem;
	  padding-bottom:0.8rem;
	}
	
	ul.nav-bar {
		transition:2s;
		height:0;
	}
	
	ul.nav-bar-expand {
		transition:2s;
		height:auto;
	}
	
	i.nav-menu-close-show {display:block;}
	.hamburger-wrapper {top:1rem;}
	
	ul.nav-bar li:first-child {
		display:none;
	}
}