a, a:focus, a:hover, body {
    color: #fff
}

.footer, h1 {
    text-align: center
}

body {
    font: 16px/22px sans-serif;
    margin: 0;
    background-image: url(../img/background.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: .98;
    height: 100%
}

h1 {
    padding-bottom: 20px
}

h1 a {
    text-decoration: none;
    color: #dade6b
}

.tl-logo-container-outside {
    transform: skew(0deg, -6deg);
    background: #ccc
}

.tl-logo-container-inside, .tl-logo-container-outside {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    max-width: 600px;
    margin: 170px auto
}

.tl-logo-container-inside {
    transform: skew(0deg, 12deg);
    background: #333;
    color: #fff
}

@media only screen and (max-width: 650px) {
    .tl-logo-container-inside, .tl-logo-container-outside {
        max-width: 400px;
        margin: 100px auto;
        font: 14px/20px sans-serif
    }
}

.tl-logo {
    transform: skew(0deg, -6deg);
    padding: 50px
}

.tl-logo img {
    width: 100px;
    margin: 0 auto;
    display: block
}

.footer, .footer a {
    color: #999
}

.footer {
    padding-top: 20px;
    font-size: 12px
}

ul {
    list-style: square;
    margin: 10px 0 10px 20px;
}