Decrease header line-height on mobile

2 files changed, 7 insertions, 0 deletions

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;