changing view port range for blocks margin

diff --git a/css/app.css b/css/app.css
index 9415493..255709b 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7064,6 +7064,20 @@ main a {
 .stButton .chicklets {
   height: 20px !important; }
 
+.blocks {
+  position: relative;
+  padding: 0 38px;
+  margin-bottom: 50px; }
+  @media only screen and (max-width: 40em) {
+    .blocks {
+      padding: 0 15px;
+      max-width: 260px;
+      margin-bottom: 75px; } }
+  @media 40.063em, 64em {
+    .blocks {
+      margin-top: 20px;
+      margin-bottom: 75px; } }
+
 #slideshow {
   top: -121px;
   position: relative;

diff --git a/scss/_main.scss b/scss/_main.scss
index f3499d5..1d4d98e 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -136,6 +136,19 @@ a.title-posts h1{
     height: 20px !important;
     
 }
-
-
+.blocks {
+    position: relative;
+    //        top: -150px;
+    padding: 0 38px;
+    margin-bottom: 50px;
+    @media #{$small-only} {
+        padding: 0 15px;
+        max-width: 260px;
+        margin-bottom: 75px;
+}
+@media #{$medium-range}{
+    margin-top: 20px;
+    margin-bottom: 75px;
+}
+}