body {
  padding-top: 70px;
  margin: 0px auto;
  background: #EBEDEF;
  max-height: 600px;
}

img {
  margin: 0px auto;
}

h1 {
  margin: 0px auto;
  text-align: center;
  color: #FFF !important;
}

p {
  text-align: center;
  color: #BDC1C8;
}

nav {
  background: rgba(0,0,0,1) !important;
}

.navbar-inverse {
  border: none;
  box-shadow: -1px 1px 10px #000;
}

#easterFrame {
  text-align: center;
  margin-bottom: -45px;
  margin-top: -15px;
}

.easterCaption {
  font-size: 1em !important;
}

li a:hover {
  background: #333 !important;
}

.container {
  max-width: 700px;
}

.backdrop {
  font-family: "Lobster";
  font-size: 80em;
  position: relative;
  margin-top: -1060px;
  margin-left: -100px;
  height: 1300px;
  text-align: center;
  z-index: -1;
  overflow: hidden;
}

.jumbotron {
  max-width: 700px;
  margin: 0px auto;
  min-height: 348px;
  /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.pageTitle {
  text-align: center;
}

.logo {
  text-align: center;
  margin: 1em;
}

.titleBox {
  border: 1px solid green;
}

@media all and (max-width: 900px) {
  .backdrop {
    margin-left: -300px;
  }
}

@media all and (max-width: 500px) {
  .backdrop {
    margin-left: -100px;
    margin-top: -650px;
    font-size: 40em;
    max-height: 650px;
  }

}