Add some spacing under the logo for IE7

To prevent the login block getting pushed down.

1 files changed, 11 insertions, 6 deletions

diff --git a/assets/stylesheets/responsive/custom.scss b/assets/stylesheets/responsive/custom.scss
index fffb8e0..4a09b2d 100644
--- a/assets/stylesheets/responsive/custom.scss
+++ b/assets/stylesheets/responsive/custom.scss
@@ -371,13 +371,18 @@ a.link_button_green_large {
 
   /* Pad evenly top and bottom on smaller devices */
   #logo_wrapper{
-      @media(max-width: $main_menu-mobile_menu_cutoff ){
-        padding: 0.5em 0 0.5em 0.9375em;
-        img {
-          height: 30px;
-        }
-      }
 
+    @include respond-min( $main_menu-mobile_menu_cutoff ){
+      @include lte-ie7 {
+        padding-bottom: 1.5em;
+      }
+    }
+    @media(max-width: $main_menu-mobile_menu_cutoff ){
+      padding: 0.5em 0 0.5em 0.9375em;
+      img {
+        height: 30px;
+      }
+    }
   }
 
 }