Compact font and background.

src/styles/components/_bar.scss

@@ -22,9 +22,7 @@
 #bar {
   background-color: $componentbg;
   color: $componentfg1;
-  font-size: 1em;
+  font: bold 1em/40px $font-sans-serif;
-  font-weight: bold;
-  line-height: 40px;
   left: 0;
   min-height: 44px;
   position: absolute;
@@ -47,15 +45,12 @@
     }
   }
   .logo {
+    background: url(../img/logo-small.png) no-repeat;
     background-size: 100%;
-    background-repeat: no-repeat;
-    background-image: url(../img/logo-small.png);
     display: inline-block;
     color: black;
-    font-size: 11px;
+    font: normal 11px/11px $font-sans-serif;
-    font-weight:normal;
     height: 32px;
-    line-height: 11px;
     text-align: left;
     width: 90px;
     > span {
@@ -82,9 +77,8 @@
       border-color: transparent;
       color: $grey3;
       display: inline-block;
-      font-size: 24px;
+      font: 24px/40px $font-sans-serif;
       height: 42px;
-      line-height: 40px;
       margin-left: -4px;
       padding: 0;
       text-align: center;