adding medium range to blocks

diff --git a/css/app.css b/css/app.css
index 9a7fe63..bcd3c51 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7008,6 +7008,9 @@ main .blocks .blocks {
       max-width: 260px;
       margin-bottom: 75px; } }
   @media 0em, 40em {
+    main .blocks .blocks {
+      margin-bottom: 75px; } }
+  @media 40.063em, 64em {
     main .blocks .blocks {
       margin-top: 20px;
       margin-bottom: 75px; } }
@@ -7064,11 +7067,6 @@ main a {
 .stButton .chicklets {
   height: 20px !important; }
 
-@media 40.063em, 64em {
-  main.page-front .blocks {
-    margin-top: 20px;
-    margin-bottom: 75px; } }
-
 #slideshow {
   top: -121px;
   position: relative;

diff --git a/scss/_main.scss b/scss/_main.scss
index 087a1d5..a7da701 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -60,6 +60,9 @@ main {
                 margin-bottom: 75px;
             }
             @media #{$small-range}{
+                margin-bottom: 75px;
+            }
+            @media #{$medium-range}{
                 margin-top: 20px;
                 margin-bottom: 75px;
             }
@@ -136,11 +139,5 @@ a.title-posts h1{
     height: 20px !important;
     
 }
-main.page-front .blocks {
 
-@media #{$medium-range}{
-    margin-top: 20px;
-    margin-bottom: 75px;
-}
-}