1 files changed, 30 insertions, 3 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 5e7fbd4..1cdeb22 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -2,7 +2,34 @@ $colors: (
   primary:          #00ADDC,
   font:             #999999
 );
+@media (max-device-width: 720px) and (orientation: portrait) {
+    $header_size: 145px;
 
-@import "main.scss";
-@import "portrait.scss";
-@import "landscape.scss";
-\ No newline at end of file
+    @import "main.scss";
+    @import "portrait.scss";
+    @import "720.scss";
+}
+
+@media (max-device-width: 1280px) and (orientation: landscape) {
+    $header_size: 145px;
+
+    @import "main.scss";
+    @import "landscape.scss";
+    @import "720.scss";
+}
+
+@media (min-device-width: 1080px) and (orientation: portrait) {
+    $header_size: 218px;
+
+    @import "main.scss";
+    @import "portrait.scss";
+    @import "1080.scss";
+}
+
+@media (min-device-width: 1920px) and (orientation: landscape) {
+    $header_size: 218px;
+
+    @import "main.scss";
+    @import "landscape.scss";
+    @import "1080.scss";
+}