/* logo-top-menu */
.navbar-collapse {
	width:100%;
	padding:0;
}
ul.nav {
	float:none !important;
	display:-ms-flex;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;	
}
.navbar-nav > li {
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.navbar-nav li a {
	margin-right:0;
	text-align:center;
}
.navbar-default .navbar-toggle {
	float:none;
	width:100%;
	margin-top:0;
}
.navbar-default .navbar-toggle div {
	margin:10px 0;
	float:left;
}
@media all and (min-width:769px) {
	.navbar-header {
	    display: none;
	}
	.navbar .container {
		width:100%;
		padding:0;
	}
	.navbar-nav li a {
		line-height:50px;
		height:50px;
		padding:0;
	}
	.navbar-nav li li a {
		line-height:39px; /* Because there is a 1px border on the top it wasn't centering as expected */
		height:40px;
		padding:0 15px;
	}
}
@media all and (max-width:768px) {
	.navbar-collapse {
		position:inherit;
		top:inherit;
	}
	ul.nav {
		flex-direction:column;
	}
	.navbar-header {
		float: none;
		text-align:center;
		font-size: 18px;
		font-weight:bold;
	}
	#toggle-nav {
		overflow:hidden;
	}
}
.site-navigation-inner {
	padding:0;
}
#menu-bar {
	padding-top: 5px;
	display: block;
}
#menu-text {
	margin-left: -22px;
}
header > .container {
	position:relative;
}
#widget-logo-area-container {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	justify-content:center;
}
@media all and (min-width:769px) {
	#widget-logo-area-container {
		flex-direction: row;
	}
}
@media all and (max-width:768px) {
	#widget-logo-area-container {
		flex-direction: column;
	}
}
#widget-logo-area-container > div {
	flex-grow: 1;
	width:100%;
}