/* set a max-width for horizontal fluid layout and make it centered */
.container-fluid, .container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
	width: 100%;
	padding: 0 4px
}
header {
	width: 100%;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #337ab7 !important;
}
.navbar-default .navbar-toggle {
    border-color: #30414B !important;
    background-color: #425968 !important;
}
.icon-bar {
    background-color: #ccc !important;
}

#brand {
	margin-left: 0;
	background:left no-repeat url(../images/logo_smallw.png);
	width: 171px;
	height: 40px;
	display:none
}

/*
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
	header {
  	width: 1200px;
  	max-width: 100%;
	}
	.container-fluid, .container {
		max-width: 100%;
	}
}
*/


@media (min-width:768px) {
	.container-fluid, .container {
			width: 100%;
	}
}
@media (max-width: 870px) and (min-width: 768px){
	#brand {
		background:left no-repeat url(../images/logo_small.png);
		width: 68px;
	}
}
@media (max-width: 258px){
	#brand {
		background:left no-repeat url(../images/logo_small.png);
		width: 68px;
	}
}


