html{
    background: #FAFAFA;
    font-family:sans-serif;
    font-size:large;
    margin:0;
}

body {
    margin: 1rem;
}

header {
    text-align:center;
}

header img {
    width:13rem;
    max-width:90%;
    margin: 0 0 1em 0;
}

@media screen and (min-width: 30rem) {
    body {
        margin-left: 15rem;
    }

    header {
        text-align:left;
    }

    header img {
        position:fixed;
        margin-left: -14rem;
        width:13rem;
    }
}

header h1 {
    margin:0;
}

header ul {
    list-style-type: none;
    padding:0;
}

header li {
    display: inline-block;
}

header li::after {
    margin: 0 0.5em;
    content:" – ";
}

header li:last-child::after {
    display:none;
}

img.icon {
    width:1em;
    height:1em;
}