fix media queries temporarily

src/styles/components/page.scss

@@ -1,3 +1,5 @@
+@import '../../styles/sccs-vars.scss';
+
 .page {
   max-width: 1200px;
   min-height: 100%;
@@ -13,11 +15,11 @@
     position: relative;
     z-index: 100;
 
-   @media (--until-sm) {
-     margin: 0
-   }
+    @media (max-width: $until-sm) {
+      margin: 0
+    }
 
-    @media (--until-lg) {
+    @media (max-width: $until-lg) {
       .nav {
         display: none;
       }
@@ -32,4 +34,4 @@
     margin-top: 5px;
     flex: 0 0 auto;
   }
-}
+}