diff --git a/src/components/sections/hero.js b/src/components/sections/hero.js
index fef61ffed1..a0ec212e42 100644
--- a/src/components/sections/hero.js
+++ b/src/components/sections/hero.js
@@ -12,13 +12,9 @@ const StyledHeroSection = styled.section`
   height: 100vh;
   padding: 0;
 
-  @media (max-width: 480px) and (min-height: 700px) {
-    padding-bottom: 10vh;
-  }
-
-  @media (max-height: 650px) {
+  @media (max-height: 700px) and (min-width: 700px), (max-width: 360px) {
     height: auto;
-    padding-top: calc(var(--nav-height) + 30px);
+    padding-top: var(--nav-height);
   }
 
   h1 {