adding ranges to media query

diff --git a/css/app.css b/css/app.css
index 28ffdc3..37b4296 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6298,7 +6298,7 @@ body {
     max-width: 1000px;
     padding-top: 1.25rem; }
 
-@media only screen and (max-width: 40em) {
+@media 0em, 40em {
   main.page-front {
     top: 0px; } }
 

diff --git a/scss/_body.scss b/scss/_body.scss
index 63c97da..9b812df 100644 (file)
--- a/scss/_body.scss
+++ b/scss/_body.scss
@@ -12,7 +12,7 @@ body {
         padding-top: rem-calc(20);
     }
 }
-@media #{$small-only}{
+@media #{$small-range}{
     main.page-front {
         top: 0px;
     }