From 4caf4f1e2020ae8ed02a8efe01c3234ec0bccd1e Mon Sep 17 00:00:00 2001
From: Jason Costello <hello.costello@gmail.com>
Date: Mon, 27 Feb 2017 17:23:41 -0800
Subject: [PATCH] Scope klavika to home page, style docs headings

---
 .../source/assets/stylesheets/_components.scss    |  4 ++--
 website/source/assets/stylesheets/_styles.scss    | 15 +++++++++------
 website/source/index.html.erb                     |  6 +++---
 website/source/layouts/layout.erb                 |  4 ++--
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/website/source/assets/stylesheets/_components.scss b/website/source/assets/stylesheets/_components.scss
index 395aa1380..d56d71f56 100644
--- a/website/source/assets/stylesheets/_components.scss
+++ b/website/source/assets/stylesheets/_components.scss
@@ -5,7 +5,6 @@ header .header {
   h1 {
     margin-bottom: -8px;
     margin-top: 60px;
-    text-transform: uppercase;
   }
 
   span {
@@ -254,12 +253,13 @@ header .header {
     h1 {
       font-size: 40px;
       line-height: (25/20);
-      text-transform: uppercase;
+      font-weight: 600;
     }
 
     h2 {
       margin-top: $baseline * 2;
       text-transform: capitalize;
+      font-weight: 600;
     }
 
     h3 {
diff --git a/website/source/assets/stylesheets/_styles.scss b/website/source/assets/stylesheets/_styles.scss
index 44cf21d21..efb9946f5 100644
--- a/website/source/assets/stylesheets/_styles.scss
+++ b/website/source/assets/stylesheets/_styles.scss
@@ -19,16 +19,19 @@ body {
   background-color: $background;
   font-family: $font-family-open-sans;
   font-size: $base-font-size;
+  font-weight: 400;
   line-height: $base-line-height;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-family: $font-family-klavika;
-  font-weight: normal;
+.home {
+  h1, h2, h3, h4, h5, h6 {
+    font-family: $font-family-klavika;
+    font-weight: normal;
+  }
 }
 
 h1 {
-  font-size: 70px;
+  font-size: 42px;
   line-height: (80/70);
   @include respond-to(mobile) {
     font-size: 50px;
@@ -37,7 +40,7 @@ h1 {
 }
 
 h2 {
-  font-size: 40px;
+  font-size: 36px;
   line-height: (50/40);
 
   &.has-dividers {
@@ -52,7 +55,7 @@ h2 {
 }
 
 h3 {
-  font-size: 20px;
+  font-size: 24px;
   line-height: (30/20);
 }
 
diff --git a/website/source/index.html.erb b/website/source/index.html.erb
index 1603f9e02..500f9d42f 100644
--- a/website/source/index.html.erb
+++ b/website/source/index.html.erb
@@ -7,10 +7,10 @@ description: Packer is a free and open source tool for creating golden images
   <header class="dark-background">
     <div class="container hero">
       <div class="row">
-        <div class="col-md-4 col-md-offset-1">
-          <h2>
+        <div class="col-md-6">
+          <h1>
             <span class="text-green">Packer</span> is a tool for creating machine and container images for multiple platforms from a single source configuration.
-          </h2>
+          </h1>
         </div>
       </div>
     </div>
diff --git a/website/source/layouts/layout.erb b/website/source/layouts/layout.erb
index db61fc82e..f4432a409 100644
--- a/website/source/layouts/layout.erb
+++ b/website/source/layouts/layout.erb
@@ -35,7 +35,7 @@
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
     <div id="header" class="navigation white <%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
-    	<div class="container-fluid">
+    	<div class="container">
 				<div class="navbar-header">
 					<div class="navbar-brand">
 						<a class="logo" href="/">Packer</a>
@@ -72,7 +72,7 @@
     <%= yield %>
     <div class="clearfix"></div>
     <footer id="footer" class="navigation white">
-      <div class="container-fluid">
+      <div class="container">
         <div class="row">
           <div class="col-xs-12">
             <% # current_page.path does not have an extension, but