css updates for better header display on iphone sizes

_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 {

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;