Use h3 instead of h2

app/views/notifications/settings/_browser.html.erb

@@ -2,18 +2,18 @@
   <div class="notifications-help" data-notifications-target="details">
     <% case
       when platform.firefox? && platform.android? %>
-        <h2>Turn on notifications for <%= platform.browser.capitalize %>.</h2>
+        <h3>Turn on notifications for <%= platform.browser.capitalize %>.</h3>
         <ol>
           <li>Tap <em><%= icon_tag "lock", alt: "the View site information button" %></em> in the address bar.</li>
           <li>Tap <em>Notification</em> to change to <em>Allowed</em>.</li>
         </ol>
       <% when platform.edge? && platform.desktop? %>
-        <h2>Turn on notifications for this website.</h2>
+        <h3>Turn on notifications for this website.</h3>
         <ol>
           <li>Click <em><%= icon_tag "lock", alt: "the View site information button" %></em> left of the address bar.</li>
           <li>Under <em>Permissions for this site &gt; Notifications</em>, choose <em>Allow</em>.</li>
         </ol>
-        <h2>Turn on notifications for <%= platform.browser.capitalize %>.</h2>
+        <h3>Turn on notifications for <%= platform.browser.capitalize %>.</h3>
         <ol>
           <% if platform.windows? %>
             <li>Click <em>Start</em>, then <em>Settings</em>.</li>
@@ -28,7 +28,7 @@
           <% end %>
         </ol>
       <% when platform.firefox? && platform.desktop? %>
-        <h2>Turn on notifications for this website.</h2>
+        <h3>Turn on notifications for this website.</h3>
         <ol>
           <li>Click <em><%= platform.browser.capitalize %></em> in the top left.</li>
           <li>Click <em>Settings…</em>.</li>
@@ -38,7 +38,7 @@
           <li>Select <em>Allow</em> next to <em><%= root_url %></em>.</li>
         </ol>
 
-        <h2>Turn on notifications for <%= platform.browser.capitalize %>.</h2>
+        <h3>Turn on notifications for <%= platform.browser.capitalize %>.</h3>
         <ol>
           <% if platform.windows? %>
             <li>Click <em>Start</em>, then <em>Settings</em>.</li>
@@ -53,14 +53,14 @@
           <% end %>
         </ol>
       <% when platform.chrome? && platform.desktop? %>
-        <h2>Turn on notifications for this website.</h2>
+        <h3>Turn on notifications for this website.</h3>
         <ol>
           <li>Click the <em><%= icon_tag "sliders", alt: "View site information" %></em> icon in the address bar.</li>
           <li>Click <em>Site Settings</em>.</li>
           <li>Ensure notifications are <em>Allowed</em>.</li>
         </ol>
 
-        <h2>Turn on notifications for <%= platform.browser.capitalize %>.</h2>
+        <h3>Turn on notifications for <%= platform.browser.capitalize %>.</h3>
         <ol>
           <% if platform.windows? %>
             <li>Click <em>Start</em>, then <em>Settings</em>.</li>
@@ -75,7 +75,7 @@
           <% end %>
         </ol>
       <% when platform.chrome? && platform.android? %>
-        <h2>Turn on notifications for <%= platform.browser.capitalize %>.</h2>
+        <h3>Turn on notifications for <%= platform.browser.capitalize %>.</h3>
         <ol>
           <li>Tap the <em><%= icon_tag "menu-dots-vertical", alt: "More options" %></em> menu button.</li>
           <li>Tap <em>Settings</em>.</li>
@@ -85,7 +85,7 @@
           <li>Tap <em><%= icon_tag "bell-alert", alt: "the notification bell" %></em> and select <em>Allow</em>.</li>
         </ol>
       <% when platform.safari? && platform.desktop? %>
-        <h2>Turn on notifications for this website.</h2>
+        <h3>Turn on notifications for this website.</h3>
         <ol>
           <li>Click <em aria-label="the Apple menu"></em> in the top left.</li>
           <li>Click <em>System Settings…</em>.</li>
@@ -93,7 +93,7 @@
           <li>Click <em><%= request.base_url %></em> in the list.</li>
           <li>Click <em><%= icon_tag "switch", alt: "the switch" %></em> to <em>Allow notifications</em>.</li>
         </ol>
-        <h2>Turn on notifications for <%= platform.browser.capitalize %>.</h2>
+        <h3>Turn on notifications for <%= platform.browser.capitalize %>.</h3>
         <ol>
           <li>Click <em><%= platform.browser.capitalize %></em> in the top left.</li>
           <li>Click <em>Settings…</em>.</li>

app/views/notifications/settings/_install.html.erb

@@ -1,6 +1,6 @@
 <% unless (platform.chrome? && !platform.ios?) || (platform.firefox? && !platform.android?) %>
   <div class="notifications-help pwa__instructions hide-in-pwa">
-    <h2><%= platform.safari? && platform.desktop? ? "…or install" : "Install " -%> Fizzy as a web app.</h2>
+    <h3><%= platform.safari? && platform.desktop? ? "…or install" : "Install " -%> Fizzy as a web app.</h3>
     <% case
       when platform.edge? %>
         <ol>

app/views/notifications/settings/_system.html.erb

@@ -1,5 +1,5 @@
 <div class="notifications-help hide-in-browser" data-notifications-target="details">
-  <h2>Check your <%= platform.operating_system %> settings</h2>
+  <h3>Check your <%= platform.operating_system %> settings</h3>
   <% case
     when platform.firefox? && platform.android? %>
       <ol>