Scope klavika to home page, style docs headings

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 {

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 {
+.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);
 }
 

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>

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