img { display: block; margin: auto;  }

html,
body {
    height: 100%;
    margin: 0
}

#wrapper {
    width: 85%;
    height: 100%;
}

#logo {
    margin: 40px auto;

}

#claim {
    margin: 15px auto 10px auto;
}


#footer > a, #footer > a:active, #footer > a:visited {
    font-family: 'Roboto Slab', serif;
    text-decoration: none;
    color: black;
    font-size: 3.75em;
    line-height: 150px;
}

#footer > div {
    font-family: 'Roboto Slab', serif;
    font-size: 1.5em;
    line-height: 75px;
}

#pen {
    width: 100%;
    max-width: 650px;
}

@media (max-device-width: 52em) {
    #footer > a, #footer > a:active, #footer > a:visited {
        font-size: 2.5em !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #pen {
        max-width: 600px;
    }
    #footer > a, #footer > a:active, #footer > a:visited {
        font-size: 1.70em !important;
        line-height: 75px;
    }
    #footer > div {
        font-size: 1.2em;
    }
}

@media (min-device-width: 1050px) {
    #footer > a, #footer > a:active, #footer > a:visited {
        font-size: 2em !important;
    }
}