/* Top Level */


/* Both */
nav:after {content:'';
    display:block;
    clear: both;}
	
nav {
	font-size: 14px; 
	background: #191919;
	border-top: 1px solid #212121;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #b7b7b7; }
	
nav ul li {list-style-type: none;}	
nav ul li a:hover {color: #fff;}

nav li a {
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}

.collapse {display: none;}
.collapse.in {display: block;}

.navbar-collapse {
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;}
  
.navbar-collapse.in {overflow-y: auto;}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;}
  

/* Full Width */
@media (min-width: 768px) {
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;}
  
nav {text-align: center;}
	
nav ul {margin: 0 auto;}
nav ul li {display: inline-block;}

nav ul li a {padding: 24px 40px 30px 40px;}


.navbar-collapse.collapse {
	display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;}

.navbar-toggle {display: none;}}


/* Mobile */
@media (max-width: 767px) {
nav ul li a {padding: 15px;}
  nav ul li a:hover, nav ul li a:focus {background: #a98f58;}	
  
.navbar-toggle {
	transition: all 0.2s ease-in-out;
	background: transparent;
	position: relative; 
	z-index: 100;
	float: right;
	padding: 15px;
	cursor: pointer;}
	.navbar-toggle:hover, .navbar-toggle:focus {outline: 0; background: #a98f58;}
	
button {
	color: #fff;
	font-size: 17px;
	border: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
  
.icon-bar {
	display: block;
	width: 25px;
	height: 4px;
	background-color: #fff;}
	.icon-bar + .icon-bar {margin-top: 5px;}}