padding options for .l-section-block

site/layouts/partials/contact.html

@@ -4,7 +4,7 @@
 
 	<h2 class="section-header">Contact Us</h2>
 
-  <div class="l-section-block no-margin">
+  <div class="l-section-block no-margin no-pad-top">
 		<div class="l-wrapper contact-section">
 			<p class="h5">Complete this form and we will get back to you within one working day.</p>
 			<form action="https://mailthis.to/remailthis" method="POST" encType="multipart/form-data">
@@ -30,7 +30,7 @@
 		</div>
   </div>
 
-  <div class="l-section-block no-margin">
+  <div class="l-section-block no-margin no-pad-top">
 		<div class="l-wrapper contact-section">
 			<h3 class="h4">Remember to Generate Access Token for URL</h3>
 			<div id="mapbox"></div>

src/css/imports/layout.scss

@@ -115,6 +115,14 @@
     max-width: initial;
   }
 
+  &.no-pad-top {
+    padding-top: 0;
+  }
+
+  &.no-pad-bottom {
+    padding-bottom: 0;
+  }
+
   &.no-margin,
   > p:last-child,
   > .l-wrapper > p:last-child {