html,
body {
  height: 100%;
  background-color: #dfdfdf !important;
}

body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 3rem rgba(0, 0, 0, .5);
}

.content-container {
    max-width:42em;
    /* min-width:42em; */
}

.inner-container {
    max-width:26em;
}


/*
 * Header
 */

@media (min-width: 48em) {
    .masthead-brand {
      float: left;
    }
    .nav-masthead {
      float: right;
    }
  }

  .masthead {
  margin-bottom: 2rem;
}


  /*
 * Content
 */
.main-content {
    padding: 0 1.5rem;
}



/*
 * Footer
 */
 .footer {
    color: rgba(70, 70, 70, 0.75);
  }