body {
  padding-top: 100px;
  padding-top: 150px;
	color: #fff;
	min-height: 2000px;
}

.setbackground {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('http://www.dottedi.biz/images/1920x/cons_21832931.jpg');
	background-size: cover;
	background-position: center top;
	width: 100%;
  height: 600px;
}

.navbar {
	min-height: 151px;
	background: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

._navbar-nav > li > a {padding-top:55px !important; padding-bottom:55px !important;}

.navbar.shrink {
	min-height: 51px;
	background: white;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.logo { 
	padding: 2px 0px; 
	padding-left: 8px;
	margin-top: 0px;
}

.logo-img {
	max-height: 96px;
	max-height: 146px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


.logo-img.shrink {
	max-height: 46px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.navbar ul {
	margin-top: 50px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-right: 3px;
}

.navbar ul.shrink {
	min-height: 51px;
	margin-top: 0px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* adjust top position of menu due to larger logo */
@media (max-width: 767px) {
	.navbar:not(.shrink) .navbar-collapse {
    margin-top: 50px;
    margin-top: 80px;
}
	nav.navbar.shrink .collapse {
		margin-top: 0px;
  	-webkit-transition: all 0.8s ease;
  	transition: all 0.8s ease;
	}
}

/* set breakpoint */
@media (max-width: 880px) {
	.logo-img {
		max-height: 120px;
		margin-left: 8px;
	}
	body {
 	 	padding-top: 130px;
	}
	.navbar {
		min-height: 131px;
	}
	.navbar ul {
		margin-top: 37px;
	}
	.navbar .navbar-header button {
		margin-right: 20px;
	}
}
/* help mobile menu prevent vertical scrollbar */
.navbar-collapse {
  max-height: 100% !important;
}

/* dropdown on hover */
@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

@media (max-width: 1280px) {
	.container { width: 100%; }
}

/* style customizations - see: https://work.smarchal.com/twbscolor/ */

a { outline: none !important; }

/* http://bootstrap3-menu.codedorigin.com/#sthash.93ls3AGC.dpbs */


/* BLUE STYLE ************************************************************ */
/* BLUE STYLE ************************************************************ */


/* find/replace yellow, white, maroon (a:hover), red, maroon (button/dropdown hover) */
/*  
logo bluegray: #336799
logo -10: #2b5680
logo -20: #224566
*/

.navbar-blue { background-color: yellow;}
.navbar-blue { background-color: red;}
.navbar-blue { background-color: white;}

.navbar { border-bottom: none; }
.navbar-blue ul {  background: #336799;}

.navbar ul {
  margin-top: 50px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-right: 3px;
}



.navbar-blue .navbar-nav>.active>a:hover,.navbar-blue .navbar-nav>li>a:hover, .navbar-blue .navbar-nav>li>a:focus { background-color: #2b5680;}
.navbar-blue .navbar-nav>.active>a,.navbar-blue .navbar-nav>.open>a,.navbar-blue .navbar-nav>.open>a, .navbar-blue .navbar-nav>.open>a:hover,.navbar-blue .navbar-nav>.open>a, .navbar-blue .navbar-nav>.open>a:hover, .navbar-blue .navbar-nav>.open>a:focus { background-color: #2b5680;}
.dropdown-menu { background-color: #2b5680; color: white;}
.dropdown-menu>li>a, .dropdown-menu>li>a { background-color: #336799; color: white !important;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #2b5680; color: white !important;}
.navbar-blue { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none;  color: white;}
.navbar-blue { border-color: #222;}
.navbar-blue .navbar-brand { color: white;}
.navbar-blue .navbar-brand:hover { color: white;}
.navbar-blue .navbar-nav>li>a { color: white;}
.navbar-blue .navbar-nav>li>a:hover, .navbar-blue .navbar-nav>li>a:focus { color: white;}
.navbar-blue .navbar-nav>.active>a,.navbar-blue .navbar-nav>.open>a, .navbar-blue .navbar-nav>.open>a:hover, .navbar-blue .navbar-nav>.open>a:focus { color: white;}
.navbar-blue .navbar-nav>.active>a:hover, .navbar-blue .navbar-nav>.active>a:focus { color: white;}
.dropdown-menu>li>a { color: white;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: white;}
.navbar-blue .navbar-nav>.dropdown>a .caret { border-top-color: white;}
.navbar-blue .navbar-nav>.dropdown>a:hover .caret { border-top-color: white;}
.navbar-blue .navbar-nav>.dropdown>a .caret { border-bottom-color: white;}
.navbar-blue .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: white;}