last bit settled

I have the last bit of breakout issue settled with some advice from
steve.  It is ready for layout review but I need to test it on other
browsers still.

diff --git a/css/app.css b/css/app.css
index 11e9989..6bf0d87 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6479,7 +6479,7 @@ main {
     margin-top: -236px; }
     @media only screen and (max-width: 40em) {
       main.page-inside {
-        margin-top: -33%; } }
+        margin-top: 0; } }
     main.page-inside #tagline {
       background: #eff0ec;
       margin-bottom: 25px;
@@ -6530,7 +6530,7 @@ main {
   overflow: hidden; }
   @media only screen and (max-width: 40em) {
     .feature-img {
-      top: -205px; } }
+      top: 0; } }
 
 #main-content {
   padding-bottom: 40px; }

diff --git a/scss/_main.scss b/scss/_main.scss
index c40d581..8c51488 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -28,7 +28,7 @@ main {
 //            margin-top: -205px;
 //        }
         @media #{$small-only}{
-            margin-top: -33%;
+            margin-top: 0;
         }
         #tagline {
             background: $light-green; 
@@ -87,7 +87,7 @@ main {
     max-height: 500px;
     overflow: hidden;
     @media #{$small-only}{
-        top: -205px;
+        top: 0;
     }
 }
 #main-content {