html {
    color: #444;
}

html,
.pure-g [class*="pure-u"],
.pure-g-r [class*="pure-u"] {
    font: 18px/1.4 'Avenir Next', Avenir, 'Open Sans', sans-serif;
}

body {
    padding: 2em 2em;
    margin: 0 auto;
}

a { color: #0000ff; }

h1:first-child { margin-top: 0; }

.content { max-width: 40em; }

.home {
    margin: 0 auto;
    max-width: 1024px;
}

.home .content { max-width: none; }

.pure-g > *,
.pure-g-r > * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.logo {
    padding: 0 2.5em 2em;
    text-align: center;
}

.logo img {
    border: 5px solid #dfdfdf;
    border-radius: 100%;
    max-width: 220px;
    padding: 2px;
    width: 100%;
}

.home .logo img {
    max-width: 300px;
}