h2 in header is now h1, including overwritten styles

src/components/extension-landing/extension-landing.scss

@@ -10,7 +10,11 @@
         padding: 4rem 0;
     }
 
-    h2 {
+    h1 {
+      font-size: 2rem;
+    }
+
+    h1, h2 {
         margin-bottom: 1rem;
     }
 
@@ -84,15 +88,15 @@
                 margin-bottom: 5rem;
                 align-items: flex-start;
 
-                h2 {
+                h1, h2 {
                     display: flex;
                     margin-bottom: 2rem;
                     color: $ui-white;
-                }
 
-                h2 img {
-                    padding-right: .5rem;
-                    max-height: 100%;
+                    img {
+                      padding-right: .5rem;
+                      max-height: 100%;
+                    }
                 }
 
                 span {

src/views/ev3/ev3.jsx

@@ -36,10 +36,10 @@ class EV3 extends ExtensionLanding {
                     imageSrc="/images/ev3/ev3-illustration.png"
                 >
                     <FlexRow className="column extension-copy">
-                        <h2><img
+                        <h1><img
                             alt=""
                             src="/images/ev3/ev3.svg"
-                        />LEGO MINDSTORMS EV3</h2>
+                        />LEGO MINDSTORMS EV3</h1>
                         <FormattedMessage
                             id="ev3.headerText"
                             values={{