scale down settings titles on mobile

app/views/notifications_settings/index.html.erb

@@ -1,7 +1,7 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow md:max-w-xl md:mx-auto">
-    <h1 class="text-4xl font-bold mb-4">
+    <h1 class="text-3xl md:text-4xl font-bold mb-4">
       <%= t('email_notifications') %>
     </h1>
     <div class="mt-2 mb-1">
@@ -22,7 +22,7 @@
     </div>
     <%= render 'bcc_form', config: @bcc_config %>
     <div class="flex justify-between items-end mb-4 mt-8">
-      <h2 class="text-3xl font-bold">
+      <h2 class="text-2xl md:text-3xl font-bold">
         <%= t('sign_request_email_reminders') %>
       </h2>
     </div>