Typography: glacial_cl for logotype only

app/src/frontend/logo.css

@@ -1,16 +1,18 @@
 /**
  * Logo
  */
+ .logotype {
+     font-family: 'glacial_cl', sans-serif;
+     text-transform: uppercase;
+ }
 .logo,
 .logo.navbar-brand {
     display: block;
     padding: 0;
-    text-transform: uppercase;
     color: #000;
     text-decoration: none;
 }
 .logo .logotype {
-    font-family: 'glacial_cl', sans-serif;
     font-size: 2rem;
     margin: 0 0 0 3px;
     display: inline-block;

app/src/frontend/sidebar.css

@@ -13,7 +13,7 @@
     z-index: 1000;
     overflow-y: auto;
 }
-.info-container .h2:first-child {
+.info-container h2:first-child {
     margin-bottom: 0.5rem;
     margin-top: 0.5rem;
     margin-left: -0.1em;
@@ -54,7 +54,7 @@
 /**
  * Sidebar main header
  */
-.sidebar-header .h2 {
+.sidebar-header h2 {
     display: inline-block;
 }
 .sidebar-header .icon-button {
@@ -227,7 +227,7 @@
     margin: 0;
 }
 .data-intro {
-    padding: 0 0.75rem;
+    padding: 0 0.5rem 0 2.25rem;
     margin-top: 0.25rem;
 }
 .data-list {

app/src/frontend/sidebar.js

@@ -14,7 +14,7 @@ const Sidebar = (props) => (
                     </Link>
                 : null
             }
-            <h2 className="h2">{props.title}</h2>
+            <h2 className="h3">{props.title}</h2>
         </header>
         {props.children}
     </div>

app/src/frontend/styles/typography.css

@@ -6,15 +6,11 @@ body {
     background: #fff;
     color: #222;
 }
-.h1, .h2, .h3, .h4, .h5 {
-    font-family: 'glacial_cl', sans-serif;
-}
 .h2 {
     font-weight: normal;
     margin: 0;
 }
 .h3, .h4, .h5 {
-    font-family: 'glacial_cl', sans-serif;
     font-weight: normal;
     font-size: 1.2rem;
 }