From 1423f650fcef2c610c5b4c020f8a60178a04285f Mon Sep 17 00:00:00 2001
From: Barry Clark <barry@barryclark.co>
Date: Tue, 27 May 2014 20:58:58 -0400
Subject: [PATCH] Decrease header line-height on mobile

---
 scss/style.scss | 4 ++++
 style.css       | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/scss/style.scss b/scss/style.scss
index c13b927..42bfcca 100755
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -37,6 +37,10 @@ h1, h2, h3, h4, h5, h6 {
   line-height: 1.7;
   margin: 1em 0 15px;
   padding: 0;
+
+  @include mobile {
+    line-height: 1.4;
+  }
 }
   
 h1 {  
diff --git a/style.css b/style.css
index 5c5669a..80ff3b8 100644
--- a/style.css
+++ b/style.css
@@ -334,6 +334,9 @@ h1, h2, h3, h4, h5, h6 {
   line-height: 1.7;
   margin: 1em 0 15px;
   padding: 0; }
+  @media screen and (max-width: 520px) {
+    h1, h2, h3, h4, h5, h6 {
+      line-height: 1.4; } }
 
 h1 {
   font-weight: 400;