html,
body { 
height: 100%; }
body {
background: url(../img/cover.jpg) no-repeat center center fixed;
background-size: cover;
color: #fff;
text-align: center; }
a,
a:focus,
a:hover { 
color: #fff; }
.btn-default { 
color: #fff;
text-shadow: none;
background-color: rgba(255, 255, 255, 0.3);
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);
outline: 0;
box-shadow: 0 0 0 0.2rem rgb(163 163 163 / 25%); }
.btn:hover {  
color: #fff; }
.site-wrapper {
display: table;
width: 100%;
height: 100%;
min-height: 100%;
background: rgb(48 53 70 / 22%);
box-shadow: inset 0 0 100px rgb(0 0 0 / 42%); }
.site-wrapper-inner {
display: table-cell;
vertical-align: top; }
.cover-container {
margin-right: auto;
margin-left: auto; }
.inner {
padding: 30px; }
.lead {
font-weight: 500; }
.masthead-brand {
margin-top: 10px;
margin-bottom: 10px; }
.cover {
padding-top: 40px; }
.cover .btn-notify {
padding: 10px 60px;
font-weight: 500;
text-transform: uppercase;
border-radius: 40px; }
.cover-heading {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 10px;
font-size: 2rem;
margin-bottom: 3rem; 
text-shadow: 0px 1px 4px #949494; }
@media (min-width: 768px) {
.cover-heading {
font-size: 3rem;
letter-spacing: 12px; } }
.cover-copy {
max-width: 750px;
margin: 0 auto 5rem; }
.mastfoot {
color: #fff; }
@media (min-width: 768px) {
.masthead {
position: fixed;
top: 0; }
.mastfoot {
position: fixed;
bottom: 0; }
.site-wrapper-inner {
vertical-align: middle; }
.masthead,
.mastfoot,
.cover-container {
width: 100%; } 
.cover {padding-top: 115px; } }
@media (min-width: 992px) {
.masthead,
.mastfoot,
.cover-container {
width: 1060px; } }