diff --git a/src/styles/_responsive.scss b/src/styles/_responsive.scss
index ec5df4d..954d52b 100644
--- a/src/styles/_responsive.scss
+++ b/src/styles/_responsive.scss
@@ -14,7 +14,7 @@ $breakpointSm: 550px;
 }
 
 @mixin midScreenLandscape() {
-  @media only screen and (orientation: landscape) and (max-device-height: $breakpointMd) {
+  @media only screen and (orientation: landscape) and (max-width: $breakpointMd) {
     @content;
   }
 }
\ No newline at end of file