improve responsiveness

faq.md

@@ -6,7 +6,7 @@ permalink: /faq/
 
 <div class="grid-container usa-prose">
   <div class="grid-row grid-gap-md">
-    <div class="grid-col-3">
+    <div class="tablet:grid-col-3">
       <ul>
         <li>
           <a href="#touchpoints">Touchpoints</a>
@@ -16,7 +16,7 @@ permalink: /faq/
         </li>
       </ul>
     </div>
-    <div class="grid-col-9">
+    <div class="tablet:grid-col-9">
       <h1 id="frequently-asked-questions">Frequently Asked Questions</h1>
 
       <p><a name="touchpoints"></a></p>
@@ -74,7 +74,7 @@ permalink: /faq/
 
       <h3 id="are-members-of-the-public-required-to-provide-feedback">Are members of the public required to provide feedback?</h3>
 
-      <p>Submitting feedback is purely optional.</p>
+      <p>No. Submitting feedback is purely optional.</p>
 
       <h3 id="how-will-the-feedback-collected-be-used">How will the feedback collected be used?</h3>
 
@@ -103,14 +103,6 @@ permalink: /faq/
         for more information.
       </p>
 
-      <h3 id="is-the-feedback-anonymous">Is the feedback anonymous?</h3>
-
-      <p>Touchpoints forms that do not ask for any Personally Identifiable Information (PII) cannot be used to identify an individual.</p>
-
-      <h3 id="are-members-of-the-public-required-to-provide-feedback">Are members of the public required to provide feedback?</h3>
-
-      <p>No. Submitting feedback is optional.</p>
-
       <h3 id="what-languages-are-available-for-the-public-to-submit-feedback">What languages are available for the public to submit feedback?
       </h3>
 

index.md

@@ -9,10 +9,10 @@ title: Touchpoints
       <div class="tablet:grid-col-6" style="align-items: center; display: flex; justify-content: center;">
         <img src="{{ site.baseurl }}/assets/img/touchpoints-screenshot.jpg" alt="Touchpoints Screenshot" style="margin: 10px 0;">
       </div>
-      <div class="tablet:grid-col-6" style="color: white;">
-        <div class="usa-intro" style="font-size: 2em; margin-top: 18px;">
+      <div class="tablet:grid-col-6 text-white">
+        <h1 class="usa-intro font-serif-xl" style="margin-top: 18px;">
           Making customer feedback easier for federal agencies.
-        </div>
+        </h1>
         <p style="font-size: 1.125em;">
           Touchpoints offers a simple,
           flexible, and convenient way to start collecting customer feedback

terms.md

@@ -6,8 +6,8 @@ permalink: /terms/
 
 <div class="grid-container usa-prose">
   <div class="grid-row grid-gap-md">
-    <div class="grid-col-3">
-      <ol>
+    <div class="tablet:grid-col-3">
+      <ol role="region" aria-label="Sub-navigation">
         <li>
           <a href="#summary">Service Summary</a>
         </li>
@@ -55,7 +55,7 @@ permalink: /terms/
         </li>
       </ol>
     </div>
-    <div class="grid-col-9">
+    <div class="tablet:grid-col-9">
       <h1>
         Terms of Service
       </h1>