.shoulder {
    background:var(--color-blue);
    color:var(--color-white);
    text-align:center;
    padding:5px 10px;
    z-index: 5;
}

body > header {
    padding:var(--padding) 0 calc(var(--padding) / 2) 0;
    background:var(--color-body);
}
body > header h1 {
    flex:1;
    font-size:1em;
}
body > header h1 a {
    display:flex;
    align-items: center;
    max-width:180px;
}

@media (max-width:520px ) {
    body > header h1 a {
        display:block;
        margin:0 auto;
    }
    body.scrolled > header h1 a {
        max-width:120px;
    }
}