fix body top spacing on mobile

1 files changed, 12 insertions, 13 deletions

diff --git a/css/bootswatch.css b/css/bootswatch.css
index ddd3f3bd..430b9b19 100644
--- 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 */