feat(help): realign Help page width, combine some divs

benefits/core/templates/core/help.html

@@ -9,13 +9,8 @@
 {% block main-content %}
   <div class="container">
     <div class="row justify-content-center">
-      <div class="col-md-8 col-10">
+      <div class="col-12 col-lg-8">
         <h1 class="text-center">{% translate "Help" %}</h1>
-      </div>
-    </div>
-
-    <div class="row justify-content-center">
-      <div class="col-md-8 col-10">
         <h2 class="h2-sm pt-4 pt-lg-8" id="what-is-cal-itp">{% translate "What is Cal-ITP Benefits?" %}</h2>
         <p class="pt-2 pt-lg-4">
           {% blocktranslate trimmed %}
@@ -137,11 +132,7 @@ <h2 class="h2-sm pt-4 pt-lg-8" id="questions">{% translate "Questions?" %}</h2>
             provider.
           {% endblocktranslate %}
         </p>
-      </div>
-    </div>
 
-    <div class="row justify-content-center">
-      <div class="col-md-8 col-10">
         {% if agency %}
           {% include "core/includes/agency-links.html" %}
         {% else %}
@@ -152,8 +143,8 @@ <h2 class="h2-sm pt-4 pt-lg-8" id="questions">{% translate "Questions?" %}</h2>
       </div>
     </div>
 
-    <div class="row pt-4 pt-lg-8">
-      <div class="col-lg-2 offset-lg-10 col-8 offset-2">
+    <div class="row justify-content-center pt-4 pt-lg-8">
+      <div class="col-12 col-lg-6">
         {% translate "Go Back" as button_text %}
         {% include "core/includes/button--origin.html" with button_text=button_text %}
       </div>