diff --git a/assets/css/variables.scss b/assets/css/variables.scss
index 6c2c35e..09c7e28 100644
--- a/assets/css/variables.scss
+++ b/assets/css/variables.scss
@@ -4,8 +4,8 @@ $color: white;
 $border-color: rgba(255, 255, 255, .1);
 
 /* MEDIA QUERIES */
-$phone: (max-width: 684px);
-$tablet: (max-width: 900px);
+$phone: "max-width: 684px";
+$tablet: "max-width: 900px";
 
 /* variables for js, must be the same as these in @custom-media queries */
 :root {