html, body { height: 100%; margin: 0; padding: 0; }
.page {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    background: #eee;
    font-family: 'PT Sans', Helvetica, sans-serif;
}
.logo { 
    font-family: Economica, Helvetica, sans-serif;
    font-weight: 700;
    margin: 0 auto;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    font-size: 4em;
    text-transform: uppercase;
    color: rgba(127, 127, 127, 0.5);
    text-shadow: 0 0 5px #fff, 0 0 0 rgba(0,0,0,0.5), 0 0 2px #ccc, 0 1px 5px #fff;
}
.subline {
    /* font-weight: 400;*/
    margin: 0em auto;
    flex: 1;
    color: #666;
    color: rgba(0,0,0,.25);
    /* text-shadow: 0 0 1px rgba(0,0,0,0.5); */
}

footer { text-align: center; margin-bottom: 2rem; }
.subline ul, footer ul { list-style: none; }
.subline ul li, footer ul li { display: inline-block; }
.subline a, footer a { color: #7a7a7a; text-decoration: none; }
.subline a:hover, footer a:hover { color: #333; }
.subline li:after, footer li:after { content: '\2022'; margin: 1em; color: #aaa; }
.subline li:last-child:after, footer li:last-child:after { content: '' }