From a48ec42a7f6557224c5fb27360fbef63d31408f3 Mon Sep 17 00:00:00 2001
From: Andrew Davidson <andrew@amdavidson.com>
Date: Wed, 14 Sep 2016 20:16:46 -0400
Subject: [PATCH] css updates for better header display on iphone sizes

---
 _sass/_layout.scss | 17 +++++++++++++++++
 css/main.scss      |  2 +-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 266cd91..a32b47e 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -25,6 +25,18 @@
     width: 100px;
     text-align:center;
     margin-left: 10%;
+
+    @include media-query($on-palm) {
+        width: 100%;
+        margin: 0em auto;
+    }
+
+}
+
+.site-logo img {
+    @include media-query($on-palm) {
+        width: 100px;
+    }
 }
 
 .site-title {
@@ -47,6 +59,11 @@
     list-style-type: none;
     margin: 0 10% 0 0;
     font-size: 1.3em;
+
+    @include media-query($on-palm) {
+        display: none;
+    }
+
 }
 
 .site-nav li {
diff --git a/css/main.scss b/css/main.scss
index 75c2a64..e4dafc5 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -25,7 +25,7 @@ $grey-color-dark:  darken($grey-color, 25%);
 // Width of the content area
 $content-width:    650px;
 
-$on-palm:          300px;
+$on-palm:          400px;
 $on-laptop:        800px;