.navbar-brand {
  float: left;
  padding: 3px;
}

.jmclogo {
  position: relative;
  top: 0;
  left: 0;
  z-index: 3;
  height: 44px;
}

.jmclogosplash {
  top: 0;
  z-index: 3;
  height: 70px;
}

.container .jumbotron {
  padding: 10px;
  font-size: .8em;
  overflow: hidden;
}

.heroimg {
  margin: 0 -100% 0 -100%;
  vertical-align: top;
  width: 707px;
  padding-bottom: 20px;
}
@media (max-width: 700px) {
  .heroimg {
    width: 85%;
  }
}

.rtimg {
  float: right;
  margin-left: 10px;
  width: 35%;
}
@media (max-width: 700px) {
  .rtimg {
    width: 40%;
  }
}

.projimg {
  float: left;
  clear: both;
  margin-right: 10px;
}

.lead {
  font-size: 1.3em;
}
@media (max-width: 700px) {
  .lead {
    text-align: left;
  }
}

.proj {
  padding-bottom: 2em;
  font-size: 1.2em;
  text-align: left;
}

.footer {
  text-align: center;
}