@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('fonts/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
html,
body {
  height: 100%;
}
body {
  background: url(background.jpg) no-repeat center center fixed;
  background-size: cover;
  color: white;
  text-align: center;
  font-family: 'Ubuntu', sans-serif, cursive, mono;
}
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  /* For at least Firefox */
  min-height: 100%;
  background: rgba(48, 53, 70, 0.5);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
}
.inner {
  padding: 15px;
}
.cover {
  padding: 220px 20px 1px 20px;
}
.cover-heading {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 2.2rem;
  margin-bottom: 2rem;
 }
@media (min-width: 768px) {
  .cover-heading {
  	 font-size: 3.4rem;
    letter-spacing: 15px;
  }
}
.cover-copy {
  max-width: 500px;
  margin: 0 auto 1rem;
}
.mastfoot {
  	height: 80px;
}