added some styling to the logo.

I added some bottom padding to the logo so it wouldn't touch the tab bar
in responsive.  10 pixels makes it match the padding on top of the
header itself.

diff --git a/css/app.css b/css/app.css
index ba1bbd0..4710895 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6311,7 +6311,7 @@ header {
     padding: 29px 0 34px; }
     @media only screen and (min-width:0em) and (max-width:64em) {
       header #logo-tag {
-        padding: 0 15px; } }
+        padding: 0 15px 10px; } }
   header h5 {
     clear: none;
     display: inline-block;

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index 162333c..2e2eebf 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -5,7 +5,7 @@ header {
     #logo-tag {
         padding: 29px 0 34px;
         @media #{$medium-down}{
-            padding: 0 15px;
+            padding: 0 15px 10px;
         }
     }
     h5 {