Merge pull request bchiang7#244 from bchiang7/fix/mobile-hero

Fix mobile hero

Author: bchiang7

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 {