Make blocks not cover slideshow in medium

diff --git a/css/app.css b/css/app.css
index 06cf6b0..aa245b3 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6984,6 +6984,10 @@ main.page-front {
   top: -200px;
   padding-bottom: 210px;
   position: relative; }
+  @media only screen and (min-width:40.063em) and (max-width:64em) {
+    main.page-front {
+      top: -100px;
+      padding-bottom: 300px; } }
   @media only screen and (max-width: 40em) {
     main.page-front {
       margin-top: 15px;

diff --git a/scss/_main.scss b/scss/_main.scss
index 52c3803..eb366d1 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -6,6 +6,10 @@ main {
         top: -200px;
         padding-bottom: 210px;
         position: relative;
+        @media #{$medium-only} {
+            top: -100px;
+            padding-bottom: 300px;
+        }
         @media #{$small-only} {
             margin-top: 15px;
             padding-bottom: 0;