Make FAQ full width, not columns

lms/static/sass/views/_program-marketing-page.scss

@@ -7,14 +7,15 @@
   .main-banner {
     color: $white;
     margin-bottom: 1px;
-    background-size:cover !important;
-    background-repeat:no-repeat !important;
+    background-size: cover !important;
+    background-repeat: no-repeat !important;
 
     .authoring-org-logo {
       background-color: $white;
       height: 100px;
     }
-    .logo-space{
+
+    .logo-space {
       height: 50px;
     }
 

lms/templates/courseware/program_marketing.html

@@ -356,20 +356,21 @@ endorser_org = endorser_position.get('organization_name') or corporate_endorseme
   % endif
   % if faqs:
   <hr class="thick_rule">
-    <div id="faqs" class="row faqs">
-      <div class="col-12">
-        <h2>${_('Frequently Asked Questions')}</h2>
-      </div>
-      % for faq in faqs:
-        <div class="col-4 faq">
-          <div class="question">
-            ${faq['question']}
-          </div>
-          <div class="answer">
-            ${HTML(faq['answer'])}
-          </div>
-        </div>
-      % endfor
+  <div id="faqs" class="row faqs">
+    <div class="col-12 col-lg-9 col-xl-7">
+      <h2>${_('Frequently Asked Questions')}</h2>
+      <hr>
     </div>
+    % for faq in faqs:
+      <div class="col-12 col-lg-9 col-xl-7 faq">
+        <h3 class="question">
+          ${faq['question']}
+        </h3>
+        <div class="answer">
+          ${HTML(faq['answer'])}
+        </div>
+      </div>
+    % endfor
+  </div>
   % endif
 </div>