style: make Hero text smaller for small screens

Author: premagarwals

src/styles/Hero.css

@@ -23,13 +23,19 @@
 }
 
 .hero-title h1 {
-  font-size: 5rem;
+  font-size: 3rem;
   color: #d9d9d9;
   padding: 0;
   margin-top: 1rem;
   margin-bottom: 4rem;
 }
 
+@media (min-width: 768px) {
+  .hero-title h1 {
+    font-size: 5rem;
+  }
+}
+
 .yellow-text {
   color: #ffe336;
 }