/*
 * Base structure
 */

html,
body {
  height: 100%;
}

body {
text-shadow: 0 1px 3px rgba(0,0,0,.5);
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.background-video {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
  -webkit-filter: blur(4px);
}

.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQIW2NkYGD4D8QNMMwIZNQDMRyABPCrAADxVAYBTWty8wAAAABJRU5ErkJggg==);
  z-index: 0;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}


/*
 * Cover
 */

.cover {
  padding: 0 2rem;
}
.cover .btn-lg {
  padding: 1rem 2rem;
  font-weight: bold;
}

.about {
  font-size: 1.4rem;
}

/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    left: 0; right: 0; top: 0;
  }
  .mastfoot {
    position: fixed;
    left: 0; right: 0; bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  


  .credits {
    text-align: left;
  }

  .thanks {
    text-align: right;
  }

}

@media (max-width: 767px) {
  .credits, .thanks {
    text-align: center;
  }
}