commit d27df02a96b393826651feb57d76b3550eb7bcd3
author Henri Koivuneva <henri.koivuneva@gmail.com> Thu Nov 23 05:12:58 2017 +0200
committer Unknown <electrikjesus@gmail.com> Thu Nov 23 09:19:45 2017 -0500
tree 2f82e9018fbcf33ffda1ca4c07ae8fb585c2ce41
parent 66eefa5c691caaed92ece59eea19980893b606f3

CSS: Responsive fixes

css/style.css

diff --git a/css/style.css b/css/style.css
index 3400d24..ba750dc 100644
--- a/css/style.css
+++ b/css/style.css
@@ -619,21 +619,21 @@
   #scrollIcon, #scrollTopIcon {margin-top: 0vh;}
 }
 @media (max-height: 820px) {
-  #scrollIcon, #scrollTopIcon {margin-top: 0vh;}
+  #scrollIcon, #scrollTopIcon {margin-top: -2vh;}
   .cover.top {padding: 7.5vh 0 12.5vh 0;}
 }
 @media (max-height: 750px) {
-  #scrollIcon, #scrollTopIcon {margin-top: 0vh;}
+  #scrollIcon, #scrollTopIcon {margin-top: -8vh;}
 }
 @media (max-height: 720px) {
-  #scrollIcon, #scrollTopIcon {margin-top: 2vh;}
+  #scrollIcon, #scrollTopIcon {margin-top: -8vh;}
 }
 @media (max-height: 690px) {
-  #scrollIcon, #scrollTopIcon {margin-top: 0vh;}
+  #scrollIcon, #scrollTopIcon {margin-top: -10vh;}
   .animation {margin-top:-6vh !important;}
 }
 @media (max-height: 670px) {
-  #scrollIcon, #scrollTopIcon {margin-top: -1vh;}
+  #scrollIcon, #scrollTopIcon {margin-top: -14vh;}
   .animation {margin-top:-7vh !important;}
 }
 @media (max-height: 650px) {
@@ -643,15 +643,18 @@
   body > div.container-fluid > div.row.cover.top > div > .row > .headline > img {max-height: 42vh;}
 }
 @media (max-height: 630px) {
-  #scrollIcon, #scrollTopIcon {margin-top: -6vh}
+  #scrollIcon, #scrollTopIcon {margin-top: -19vh;}
   .animation {margin-top:-10vh !important;}
   .cover.top {padding: 6vh 0 5vh 0;}
 }
 @media (max-height: 600px) {
-  #scrollIcon, #scrollTopIcon {margin-top: -12vh}
+  #scrollIcon, #scrollTopIcon {margin-top: -20vh;}
   .animation {margin-top:-13vh !important;}
   .cover.top {padding: 6vh 0 5vh 0;}
 }
+@media (max-height: 600px) and (orientation:landscape) {
+    #scrollIcon, #scrollTopIcon {margin-top: -20vh;display: none;}
+}
 @media (max-height: 550px) {
   #scrollIcon, #scrollTopIcon {display:none}
   .cover.top {padding: 6vh 0 3vh 0;}
@@ -1284,7 +1287,7 @@
   @media (max-height:650px) {
     .animation[data-animation-step="1"] .device {width:62%; height:65%;}
     .animation[data-animation-step="2"] .device {width:54%; height:55%;}
-    .animation[data-animation-step="3"] .device {width:22%; height:60%;}
+    .animation[data-animation-step="3"] .device {width:22%; height:63%;}
     .animation .device .display div div {font-size:15px;}
   }
   @media (max-width:560px) {