make logo small, add heading, add font for heading

src/css/base/_typography.scss

@@ -64,7 +64,8 @@
 	}
 
 	h1, h2, h3, h4, h5, h6 {
-		font-weight: _font(weight);
+		font-family: _font(family2);
+		font-weight: _font(weight2);
 		line-height: 1.5;
 		margin: 0 0 (_size(element-margin) * 0.35) 0;
 		letter-spacing: _font(letter-spacing);

src/css/layout/_header.scss

@@ -5,7 +5,10 @@
     top: 80px;
     position: absolute;
 
-
+    > #logo > img {
+      height: 140pt;
+      width: auto;
+    }
     /*
         @include breakpoint('<=xlarge') {
 

src/css/libs/_vars.scss

@@ -21,8 +21,10 @@
 // Font.
 	$font: (
 		family:				('Maven Pro', sans-serif),
+		family2:				('Russo One', sans-serif),
 		family-fixed:		('Courier New', monospace),
 		weight:				300,
+		weight2:				400,
 		weight-bold:		400,
 		letter-spacing:		-0.0025em
 	);

src/css/main.scss

@@ -6,6 +6,7 @@
 @import 'libs/html-grid';
 
 @import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,700,800,900&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap');
 
 // Breakpoints.
 
@@ -44,7 +45,7 @@
     @import 'layout/header';
     @import 'layout/nav';
     @import 'layout/footer';
-		
+
 body {
   background: #f2f2f2;
 }

src/index.html

@@ -81,6 +81,8 @@
     <source srcset="/img/logo/logo@0.25x.png" type="image/png">
     <img src="/img/logo/logo@0.25x.png" alt="Schulze Studio logo">
   </picture>
+  <h1>Schulze</h1>
+  <h1>Studio</h1>
 </header>
 
 <div id="main">