Margin on buttons

Added a margin to bottom button to look better on mobile

Author: lrose07

_includes/header.html

@@ -79,12 +79,18 @@
                 <div class="jumbotron col-md-12">
                   <h1>We are Code for <br/> New River Valley</h1>
                   <div class="row">
-                  <p class="lead col-md-10 col-md-offset-1">
-                    Come join developers, designers, data geeks, leaders, and idea-makers who volunteer to help local government and civic orgs adopt open web technologies.
-                  </p>
+                    <p class="lead col-md-10 col-md-offset-1">
+                      Come join developers, designers, data geeks, leaders, and idea-makers who volunteer to help local government and civic orgs adopt open web technologies.
+                    </p>
+                  </div>
+                  <div class="row">
+                    <div class="col-md-4 col-md-offset-2">
+                      <a class="btn btn-success btn-lg" href="/projects">Checkout our Projects</a>
+                    </div>
+                    <div class="col-md-4">
+                      <a class="btn btn-danger btn-lg btn2" href="http://www.meetup.com/codefornrv">Come to our Meetups</a>
+                    </div>
                   </div>
-                  <a class="btn btn-success btn-lg" href="/projects">Checkout our Projects</a>
-                  <a class="btn btn-danger btn-lg" href="http://www.meetup.com/codefornrv">Come to our Meetups</a>
                   <!-- <a class="btn btn-primary btn-lg" href="http://signup.code4hr.org">Get our Newsletter</a> -->
                 </div>
               </div>

css/style.css

@@ -293,6 +293,13 @@ table h3 {
   }
 }
 
+/* Spacing buttons */
+@media (max-width: 991px) {
+  .btn2 {
+    margin-top: 5px;
+  }
+}
+
 .nowrap { white-space:nowrap; }
 
 #recent-event { margin: 10px 0 0 0; }