html, body {
    height: 100%;
}

body {
    color: #ff7c00;
    text-align: center;
    background-color: black;
}

#bgimg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 1;
}

/*
.btn-primary {
    text-shadow: none;
}
.typeahead {
    text-shadow: none;
}
*/

a {
    color: black;
}

.hi {
    background-color: #ff7c00;
    color: black;
    padding: 12px 20px 12px 20px;
}

p.lead, h1 {
    margin-bottom: 50px;
}

h1, .cover-heading {
    font-family: "Lobster Two", cursive;
    font-size: 400%;
}

@media (min-width: 768px) {
    /* Pull out the header and footer */
    .masthead {
        position: fixed;
        top: 0;
    }
    .mastfoot {
        position: fixed;
        bottom: 0;
    }
    /* Start the vertical centering */
    .container-inner {
        vertical-align: middle;
    }
    .site-wrapper-inner {
        vertical-align: middle;
    }
    /* Handle the widths */
    .masthead,
    .mastfoot,
    .cover-container {
        width: 100%; /* Must be percentage or pixels for horizontal alignment */
    }
}

@media (min-width: 992px) {
    .masthead,
    .mastfoot,
    .cover-container {
        width: 700px;
    }
}