jumbotron use h2 and h3 instead of h1 and h2

assets/scss/style.scss

@@ -1084,13 +1084,13 @@ header.jumbotronContainer {
         max-width: 100vw;
         min-width: 200px;
     }
-    h1 {
+    h2 {
         font-weight: 300;
         &.huge {
             font-size: 4 * $base_font_size * $title_font_mult;
         }
     }
-    h1, h2 {
+    h2, h3 {
         margin: 12px;
     }
     ul {
@@ -1121,7 +1121,7 @@ header.jumbotronContainer {
         h1.huge {
             font-size: 3 * $base_font_size * $title_font_mult !important;
         }
-        h1, h2 {
+        h2, h3 {
             margin: 6px;
         }
     }

layouts/partials/jumbotron.html

@@ -27,12 +27,12 @@
             <img src="{{ .Site.Data.jumbotron.image }}" />
         {{ end }}
         <div class="main_box">
-            <h1 class="
+            <h2 class="
                 {{ if (.Site.Data.jumbotron.hugeTitle | default false) }}
                     huge
                 {{ end }}
-            ">{{ .Site.Data.jumbotron.title }}</h1>
-            <h2>{{ .Site.Data.jumbotron.subtitle }}</h2>
+            ">{{ .Site.Data.jumbotron.title }}</h2>
+            <h3>{{ .Site.Data.jumbotron.subtitle }}</h3>
             {{ if .Site.Data.jumbotron.backgroundVideo }}
                 <ul id="play_button_container" style="display: none">
                     <li>