fix body top spacing on mobile

diff --git a/css/bootswatch.css b/css/bootswatch.css
index ddd3f3b..430b9b1 100644 (file)
--- a/css/bootswatch.css
+++ b/css/bootswatch.css
@@ -1,8 +1,3 @@
-body {
-       padding-top: 100px;
-       padding-bottom: 20px;
-}
-
 section {
        margin-top: 60px;
        padding-top: 100px;
@@ -229,7 +224,6 @@ body .one .bsa_it_p {
        }
 }
 
-/* Landscape phone to portrait tablet */
 @media (min-width: 481px) and (max-width: 767px) {
 
        .hero-unit {
@@ -244,8 +238,9 @@ body .one .bsa_it_p {
 
 @media (max-width: 767px) {
 
-       .index {
-               padding-top: 0;
+
+       section {
+               padding-top: 20px;
        }
 
        .bsa {
@@ -255,11 +250,7 @@ body .one .bsa_it_p {
 
 @media (max-width: 979px) and (min-width: 768px) {
 
-       .index {
-               padding-top: 0;
-       }
-
-       .navbar-fixed-top {
+       .index .navbar {
                margin-bottom: 0;
        }
 
@@ -267,6 +258,10 @@ body .one .bsa_it_p {
                border-radius: 0;
        }
 
+       section {
+               padding-top: 20px;
+       }
+
        #gallery .btn {
                padding: 6px 10px;
                font-size: 14px;
@@ -278,6 +273,10 @@ body .one .bsa_it_p {
        .index {
                padding-top: 40px;
        }
+
+       .preview {
+               padding-top: 100px;
+       }
 }
 
 /* preview */