body {
  background-color: #f5f8fa;
}

h1 {
  font-size: 130%;
}

h2 {
  font-size:120%;
}

h4, h5{
  font-weight: 400;
}

h4 {
  margin-bottom: 2rem;
}

.browse li {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.browse {
  list-style: none;
  padding:0 1rem;
  margin:0
}

.navbar {
  background-color: #3097D1 !important;
}

.navbar-brand {
  color: #fff;
  letter-spacing: .2rem;
}

.navbar-brand:hover {
  color: #fff;
}

.search {
  margin-top: 2rem;
}

.context {
  margin-top: 15px;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.nav-item a {
  color: rgba(255, 255, 255, 0.7);
}

.ad {
  margin-top: 15px
}

.ad img {
  max-width:100%
}

.ad-middle {
  margin: 10px auto;
}