rename l-section -> l-section-pad

site/layouts/partials/about.html

@@ -1,5 +1,5 @@
 <article id="about" class="l-relative l-screen-min-full">
-  <div class="l-section l-wrapper">
+  <div class="l-section-pad l-wrapper">
     <div>
       <h2>About Heading</h2>
       <p>Lorem fuga cupiditate quidem quia earum, hic. Iusto id beatae sit similique sequi! Earum veritatis mollitia iste ipsam totam deleniti Nam cupiditate recusandae tempore ab magnam! Officiis maxime incidunt asperiores?</p>

site/layouts/partials/contact.html

@@ -1,5 +1,5 @@
 <article id="contact" class="l-relative l-screen-min-full contact-bg">
-  <div class="l-section l-wrapper">
+  <div class="l-section-pad l-wrapper">
     <h2>Contact</h2>
     <form action="https://mailthis.to/remailthis" method="POST" encType="multipart/form-data">
       <ul class="u-no-list">

site/layouts/partials/footer.html

@@ -2,8 +2,16 @@
   <div class="l-underlay body-bg"></div>
   <div class="l-wrapper">
     <ul class="l-flex-list-row">
-      <li class="footer_item"><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
-      <li class="footer_item"><a><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
+      <li>
+      </li>
+      <li>
+      </li>
+      <li>
+      </li>
+    </ul>
+    <ul class="l-flex-list-row">
+      <li class="footer__term"><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
+      <li class="footer__term"><a><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
     </ul>
     <p class="footer__attr">Copyright &copy; <span id="js-copy-date">2020</span> &dash; <a rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
   </div>

site/layouts/partials/services.html

@@ -1,5 +1,5 @@
 <article id="services" class="l-relative l-screen-min-full services-bg">
-  <div class="l-section l-wrapper">
+  <div class="l-section-pad l-wrapper">
     <h2>Services</h2>
     <ul>
       <li>

src/css/imports/layout.scss

@@ -5,7 +5,7 @@
   margin-right: auto;
 }
 
-.l-section {
+.l-section-pad {
   padding: 24px 8px;
 
   @media (min-width: $bp-m) {