html {
    background: url(../img/IMG_7917.JPG) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
}

h1 {
    font-weight: 700;
    font-size: 3em;
}
.all {
    margin: 15em auto;
    max-width:300px;
}
.links {
    color: #cc6666;
}
#h3ll0 {
    font-size: 1em;
    position: absolute;
    margin: auto;
    width: 100%;
    text-align: center;
    display: block;
    color: #CCC;
    overflow: hidden;
}

a, a:visited {
    color: #cc6666;
    text-decoration: none;
    white-space: nowrap;
}
a:hover {
    text-decoration: underline;
}

.subtitle {
    font-size: 0.366em;
    font-weight: 400;
    display: block;
}

.main {
    font-size: 1.1em;
}

@media (min-height: 400px) {
    .all {
        margin: 7em auto;
    }
}
@media (min-height: 600px) {
    .all {
        margin: 9em auto;
    }
}
@media (min-height: 800px) {
    .all {
        margin: 11em auto;
    }
}
@media (min-height: 900px) {
    .all {
        margin: 13em auto;
    }
}