body {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 12pt;
    font-weight: 100;
    height: 100%;
    min-height: 200px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: #888;
}

#center-wrapper {
    width: 22em;
    margin-left: -11em;
    height: 8em;
    margin-top: -4.3em;
    position: absolute;
    top: 40%;
    left:50%;
    text-align: center;
}

#headline {
    width: 100%;
    font-family: 'Prata', serif;
    font-size: 4em;
    color: #888;
    border-bottom: 1px dashed #777;
    margin-bottom: 0.3em;
}

a, a:visited {
    text-decoration: none;
    color: #888;
}

.xing {
    font-size: 3em;
    float: none;
    margin: auto;
    display: inline-block;
}

.xing:hover {color: #026466;}

.footer { font-size: 1.2em;
          position: absolute;
          bottom: 1em;
          width: 100%;
          text-align: center;
}

.footer a:hover {
    text-decoration: none;
    color: #444;
}

@media (max-width: 600px) {
    #headline {font-size: 10vw;}

    #center-wrapper {
        width: 60vw;
        margin-left: -30vw;}

    .xing {font-size: 7vw;}
}