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

#header .logo-wide {
   background-image: url(../img/logo-wide.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-icon.svg);
   background-repeat: no-repeat;
   width: 62px;
   height: 34px;
}