#header .logo {
    background-image: url(../img/logo-invert.svg);
    background-repeat: no-repeat;
    width: 252px;
    height: 120px;
    margin: 0 auto;
}

#header .logo-wide {
    background-image: url(../img/logo-invert.svg);
    background-repeat: no-repeat;
    width: 150px;
    height: 34px;
}

#header .logo-icon {
    /* display logo so appname can be shown next to it */
    display: inline-block;
    background-image: url(../img/logo-invert-icon.svg);
    background-repeat: no-repeat;
    width: 62px;
    height: 34px;
}