adjusting media query range

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

diff --git a/scss/_body.scss b/scss/_body.scss
index d68f6f7..63c97da 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-only}{
     main.page-front {
         top: 0px;
     }