* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; }
body {
    background: url("bg.jpg") center center no-repeat;
    background-size: cover;
}
.logo {
    /* position: absolute; top: 50%; left: 50%; */
    margin: 40px 0 0 40px;
    opacity: 0.8;
    transition: all 300ms;
}
.logo:hover { opacity: 1; }
hgroup {
    position: absolute; top: 40%;
    width: 100%;
    text-align: center;
    font-family: "Vollkorn";
    line-height: 4em;
}
h1 {
    text-transform: uppercase;
    letter-spacing: 5px;
}