arreglo estilos para sections y agrego footer

client/css/styles.css

@@ -40,12 +40,15 @@ body {
     margin-top: 10%;
 }
 
+.section {
+    margin: 30px 0px;
+}
 .section > .container {
+    padding-top: 30px;
     text-align: justify;
 }
 
 .section > .container h4 {
-    margin-top: 30px;
     text-transform: uppercase;
     font-size: 30px;
     font-family: ralewayMedium;
@@ -77,9 +80,11 @@ body {
     margin-left: 3px;
 }
 
-.find-us {
-    margin-bottom: 500px;
+.footer {
+    padding-top: 30px;
+    background-color: #333;
 }
+
 #map {
     width: 100%;
     height: 400px;

client/index.html

@@ -124,6 +124,12 @@
         </div>
     </div>
 
+    <div class="footer section inverted">
+        <div class="container">
+            footer
+        </div>
+    </div>
+
     <script>
         mapboxgl.accessToken = 'pk.eyJ1IjoidGluYW1hIiwiYSI6ImNpbWV2dDJudjAxM2Z0c2traGthOTJyZjYifQ.s_lP9rp2Iro7Urb4IZAzTQ';
         var map = new mapboxgl.Map({