/* Layout */

/* Override some defaults */
html, body {
  background-color: #eee;
}

body {
  padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
}

.container,
.navbar-fixed-top .container {
  width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
}

body > .container {
  background-color: #fff;
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
          box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

/* Change the sites' brand */
body > .navbar .brand {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
}
body > .navbar .brand:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
}

/* Page header tweaks */
section > .page-header,
section > .lead {
  color: #5a5a5a;
}

.subhead {
  padding-bottom: 0;
}

.mission {
  margin-top: 30px;
}
.mission p {
  color: #5a5a5a;
  text-align: center;
}
.mission p a {
  color: #5a5a5a;
  font-weight: bold;
}

/* The white background content wrapper */
.content {
  padding: 20px;
}

.footer { margin-top: 20px; }
.footer p {
  text-align: center; /* center align it with the container */
}