diff --git a/src/styles/classes.sass b/src/styles/classes.sass
index 6379690..81228b3 100644
--- a/src/styles/classes.sass
+++ b/src/styles/classes.sass
@@ -11,61 +11,49 @@
   opacity: 1
 
 .on-desktop-only
-  @media only screen and (max-width: view.$desktop)
+  @media only screen and (min-width: 0px) and (max-width: view.$desktop)
+    display: none
+
+  @media only screen and (min-width: view.$desktop)
     display: block
 
-  @media only screen and (max-width: view.$tablet)
-    display: none
-
-  @media only screen and (max-width: view.$mobile)
-    display: none
-
 .on-tablet-only
-  @media only screen and (max-width: view.$desktop)
+  @media only screen and (min-width: 0px) and (max-width: view.$tablet)
     display: none
 
-  @media only screen and (max-width: view.$tablet)
+  @media only screen and (min-width: view.$tablet) and (max-width: view.$desktop)
     display: block
 
-  @media only screen and (max-width: view.$mobile)
+  @media only screen and (min-width: view.$desktop)
     display: none
 
 .on-mobile-only
-  @media only screen and (max-width: view.$desktop)
-    display: none
-
-  @media only screen and (max-width: view.$tablet)
-    display: none
-
-  @media only screen and (max-width: view.$mobile)
+  @media only screen and (min-width: view.$mobile)
     display: block
 
+  @media only screen and (min-width: view.$tablet)
+    display: none
+
 .on-desktop-tablet-only
-  @media only screen and (max-width: view.$desktop)
-    display: block
-
-  @media only screen and (max-width: view.$tablet)
-    display: block
-
-  @media only screen and (max-width: view.$mobile)
+  @media only screen and (min-width: 0px) and (max-width: view.$tablet)
     display: none
 
+  @media only screen and (min-width: view.$tablet)
+    display: block
+
 .on-desktop-mobile-only
-  @media only screen and (max-width: view.$desktop)
+  @media only screen and (min-width: 0px) and (max-width: view.$mobile)
     display: block
 
-  @media only screen and (max-width: view.$tablet)
+  @media only screen and (min-width: view.$mobile) and (max-width: view.$desktop)
     display: none
 
-  @media only screen and (max-width: view.$mobile)
+  @media only screen and (min-width: view.$desktop)
     display: block
 
 .on-tablet-mobile-only
-  @media only screen and (max-width: view.$desktop)
+  @media only screen and (min-width: 0px) and (max-width: view.$desktop)
+    display: block
+
+  @media only screen and (min-width: view.$desktop)
     display: none
-
-  @media only screen and (max-width: view.$tablet)
-    display: block
-
-  @media only screen and (max-width: view.$mobile)
-    display: block