header {
  background-color: #458;
  color: #FFF;
  margin-bottom: 1em;
}

figure {
  max-width: 100%;
  margin: 14px 40px 14px 40px;
}

/* 700px was chosen by looking at the widest image on the page,
   which is the IE10 downloads screenshot in the /tr section */
@media (max-width: 700px) {
  figure {
    margin-left: 0px;
    margin-right: 0px;
  }
}

h1 {
  font-size: 38.5px;
  font-weight: bold;
}

h2 {
  font-size: 38.5px;
  font-weight: bold;
}

h3 {
  font-size: 28px;
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

caption.caption-big {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 5px;
}

.bs-docs-sidenav {
  border: 1px solid #458;
}

@media (max-width: 992px) {
  /* Narrow window: put navigation at top but don't let
     it take up the whole width of the screen because the user should be
     able to click blank areas safely*/
  .nav-list {
    position: static;
    max-width: 277px;
  }
}

@media (min-width: 993px) {
  .nav-list {
    border: 1px solid black;
  }

  .nav-list .active a
  {
    background-color: #458;
    color: white;
  }
}

/* Info about bootstrap 3.0.0:
min-width   container max width
768         750
992         970
1200        1170
*/
/* prevent the sidebar from getting too big when Chrome zooms out */
@media (min-width: 992px)  { .nav-list { max-width: 227px; /* 970/4 - 15 */ } }
@media (min-width: 1200px) { .nav-list { max-width: 277px; /* 1170/4 - 15 */ } }


.nav-list .active a:hover {
  background-color: #08c;
}

.nav-list li a {
  padding-top: 3px;
  padding-bottom: 3px;
}

.nav-list i {
  color: black;
}

/* prevent problems when you zoom out in Google Chrome */
.bs-sidebar {
  min-height: 100px;
}

.gone {
  display: none;
}