one more font change for 17

Author: john-smilga

17-stripe-submenus/final/index.html

@@ -41,7 +41,10 @@
     <section class="hero">
       <div class="hero-center">
         <article class="hero-info">
-          <h1>Payments infrastructure for the internet</h1>
+          <h1>
+            Payments infrastructure <br />
+            for the internet
+          </h1>
           <p>
             Millions of companies of all sizes—from startups to Fortune 500s—use
             Stripe’s software and APIs to accept payments, send payouts, and

17-stripe-submenus/final/styles.css

@@ -262,19 +262,19 @@ Stripe Styles
     justify-self: center;
   }
   .phone-img {
-    width: 10rem;
+    width: 12rem;
   }
 }
 
 @media screen and (min-width: 1200px) {
   .hero-center {
     grid-template-columns: 2fr 1fr;
     align-items: end;
-    padding-bottom: 10vh;
+    padding-bottom: 12vh;
   }
   .hero-info h1 {
     max-width: 100%;
-    font-size: 6.2rem;
+    font-size: 5.5rem;
   }
   .hero-images {
     align-self: end;
@@ -283,6 +283,12 @@ Stripe Styles
     width: 15rem;
   }
 }
+@media screen and (min-width: 1400px) {
+  .hero-center {
+    padding-bottom: 20vh;
+  }
+}
+
 /* sidebar */
 .sidebar-wrapper {
   position: fixed;