Add white version of logo, fix padding

Author: charlottemach

docs/_layouts/homepage.html

@@ -10,8 +10,8 @@
   {% include header.html %}
   <div class="title-strip {{ page.collection }} {{ page.name | split: "." | first }}">
   <div class="title">
-    <h1><img class="homepage-logo" src="{{ site.baseurl }}/assets/images/logo.png" width="400px"></h1>
-    {{ page.description }}
+    <h1><img class="homepage-logo" src="{{ site.baseurl }}/assets/images/logo-white.png" width="90%"></h1>
+    <h3>{{ page.description }}</h3>
   </div>
   </div>
   <div id="content" class="content">

docs/_sass/components/_title.scss

@@ -17,7 +17,10 @@
   h1 {
     font-size: 60px;
     font-weight: bold;
-    line-height: 58px;
     text-transform: uppercase;
+    max-height: 300px;
+  }
+  h3 {
+    line-height: 50px;
   }
 }