a,
a:focus{
color: #ddd; }

a:hover {
  color: #fff
}

p {
  margin-bottom: 5px
}

.btn-default {
color: #fff;
text-shadow: none;
background-color: transparent;
border: 2px solid #fff;
border-radius: 20px;
padding: 0.5rem 2rem; }

.btn-default:hover,
.btn-default:focus {
background-color: rgba(255, 255, 255, 0.3); }

html,
body {
height: 100%; }

body {
background: url(/img/bg.jpg) no-repeat center center fixed;
background-size: cover;
color: #fff;
text-align: center;
font-family: 'Quicksand', sans-serif; }

.logo {
  max-width: 280px;
  margin-bottom: 10px;
}

.site-wrapper {
display: table;
width: 100%;
height: 100%;
min-height: 100%;
background: rgba(10, 0, 0, 0.6);
box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.5); }

.site-wrapper-inner {
display: table-cell;
vertical-align: top; }

.cover-container {
margin-right: auto;
margin-left: auto; }

p.cover-copy span {
  color: #999
}

.inner {
padding: 30px; }

.masthead {
position: fixed;
top: 0; }

.mastfoot {
position: fixed;
bottom: 0;
font-size: 14px;
color: #777 }

.site-wrapper-inner {
vertical-align: middle; }

.masthead,
.mastfoot,
.cover-container {
width: 100%;} 

@media screen and (max-width: 400px) {
  .mastfoot {
    font-size: 12px;
  }
}