/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 0px;
}

dev.jumbotron	{
	padding-top: 20px;
	}

.navbar-brand {
	padding: 9px 0px; /*  15, 15 $$$ vertical-align: middle; DW */
	}
	
.navbar-default .navbar-toggle .icon-bar {
  background-color: #008080; /*#cccccc;*/
}
.navbar-inverse {
  background-color: #003333; /* #222222; $$$*/
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #008080;  /*#999999;*/
}

.navbar-inverse .navbar-nav > li > a {
  color: #00C0C0;  /*#008080  #999999;*/
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #002828; /*#080808;*/
}

.navbar-inverse .navbar-toggle {
  border-color: #008080; /*#333333;*/
}


.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #006666; /*#333333;*/
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #00C0C0; // rgb(153, 153, 153)
    }
    
.jumbotron {
  background-color: #4DFFFF; /*#eeeeee;*/
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 38px;
    padding-bottom: 38px;
  }}

li.features  {	/* eg <ul class="features">Inter... */
	padding-right: 0.7em;
	padding-top: 8px;
	}