diff --git a/assets/css/hero.css b/assets/css/hero.css
index 4e36bbb..f7c04fd 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -184,10 +184,10 @@
 @media (max-width: 767px) {
 
   .hero-first {
-    height: 70vh;
+    height: 65vh;
     width: 100%;
     flex-direction: column;
-    align-items: start;
+    align-content: start;
   }
 
   .hero-content {
@@ -202,6 +202,8 @@
   .hero-screenshots {
     height: 20vh;
     width: 80vw;
+    align-items: center;
+    justify-content: center;
   }
 
   .screenshot img {