1 files changed, 23 insertions, 3 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss
index c2a4c72..866fb58 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -4,6 +4,26 @@ $colors: (
   grey:             #848286
 );
 
-@import "main.scss";
-@import "portrait.scss";
-@import "landscape.scss";
-\ No newline at end of file
+@media (max-device-width: 720px) and (orientation: portrait) {
+    @import "main.scss";
+    @import "portrait.scss";
+    @import "720.scss";
+}
+
+@media (max-device-width: 1280px) and (orientation: landscape) {
+    @import "main.scss";
+    @import "landscape.scss";
+    @import "720.scss";
+}
+
+@media (min-device-width: 1080px) and (orientation: portrait) {
+    @import "main.scss";
+    @import "portrait.scss";
+    @import "1080.scss";
+}
+
+@media (min-device-width: 1490px) and (orientation: landscape) {
+    @import "main.scss";
+    @import "landscape.scss";
+    @import "1080.scss";
+}
+\ No newline at end of file