html {
  position: relative;
  min-height: 100%;
}

body { margin-bottom: 60px; color: black;}

body > .container { padding: 60px 15px 0; }

.container .text-muted {
  margin: 20px 0;
  text-align: center;
  color: black;
  text-shadow: 1px 2px 3px grey;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: cyan;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-default { background: cyan; }

.navbar-header .navbar-brand,
.navbar-header .navbar-brand:hover,
.navbar-default .navbar-nav > li a { color: black; text-shadow: 1px 2px 3px grey; }

.navbar-default .navbar-nav > li a:hover { color: black; text-shadow: 1px 2px 3px grey; background: rgba(0,0,0, 0.1); }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { background: gold; color: black; text-shadow: 1px 2px 3px grey;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover { background: gold;}

.navbar-nav > li > .dropdown-menu { background: cyan;}

.dropdown-menu > li > a:hover { background: gold;}

.page-header { border-bottom-color: cyan; color: cyan; text-shadow: 1px 2px 3px grey; }

.navbar-default .navbar-toggle { border-color: white; }

.navbar-default .navbar-toggle .icon-bar { background: white;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open >a:focus,
.navbar-default .navbar-nav > .open >a:hover { color: black; }

.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: black; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: black; background:rgba(0,0,0, 0.1);}