1 files changed, 24 insertions, 4 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss
index d97030b..cbba7fc 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -3,8 +3,28 @@ $colors: (
   font:             #FFFFFF,
   grey:             #848286
 );
+@media (max-device-width: 720px) and (orientation: portrait) {
+    @import "main.scss";
+    @import "portrait.scss";
+    @import "720.scss";
+}
 
-@import "style.css";
-@import "main.scss";
-@import "portrait.scss";
-@import "landscape.scss";
-\ No newline at end of file
+@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";
+}
+
+@import "style.css";
+\ No newline at end of file