html, body { 
    font-family:"Open Sans", arial, helvetica;
    background: url('http://mjgeneralcontracting.net/img/coming-soon_bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: auto;
}

.msgboard {
    background-color:#222;
    padding: 100px 40px 50px;
    margin:150px auto 0;
    text-align: center;
    opacity: 0.8;
    border:solid 1px #fff;
}

h1 {
    color: #fff;
    font-size:7.5em;
    font-weight:100;
    line-height: 1.3em;
}

h2 {
    color: #fff;
    font-size:1.95em;
    font-weight:100;
    line-height: 1.8em;
    margin:40px 0 70px;
}

footer {
    position:absolute;
    bottom:20px;
    width:100%;
}

footer p {
    color:#ddd;
    font-size: .8em;
    font-weight:200;
    margin:30px auto;
    text-align:center;
}

footer p img {
    vertical-align: middle;
    margin: -2px 0 4px 2px;
}

@media (max-width: 992px) {
    
    .msgboard {
        background-color:#222;
        padding: 70px 40px 30px;
        margin:100px auto 0;
    }
    
    h1 {
        font-size: 5em;
    }
    
    h2 {
        font-size:1.5em;
        margin:30px 0 40px;
    }
}