fixed longtime spacing problem, reordered social media to put Slack first,...

fixed longtime spacing problem, reordered social media to put Slack first, added Instagram and Tumblr, because why not

srctweb/website/templates/contact.html

@@ -36,27 +36,39 @@ srct-devs@lists.srct.gmu.edu
 
 <legend><i class="fa fa-users fa-fw"></i>&nbsp;<strong>Social Media</strong></legend>
 
-<div class="row">
-  <div class="col-md-4 centered">
-    <i class="fa fa-facebook fa-lg"></i>&nbsp;&nbsp;<a href="https://facebook.com/MasonSRCT">facebook.com/MasonSRCT</a>
+<div class="row smidge">
+  <div class="col-sm-4">
+    <i class="fa fa-slack fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://srct.slack.com">srct.slack.com</a>
   </div>
-  <div class="col-md-4">
-    <i class="fa fa-twitter fa-lg"></i>&nbsp;&nbsp;<a href="https://twitter.com/MasonSRCT">twitter.com/MasonSRCT</a>
+  <div class="col-sm-4 centered">
+    <i class="fa fa-facebook fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://facebook.com/MasonSRCT">facebook.com/MasonSRCT</a>
   </div>
-  <div class="col-md-4">
-    <i class="fa fa-slack fa-lg"></i>&nbsp;&nbsp;<a href="https://srct.slack.com">srct.slack.com</a>
+  <div class="col-sm-4">
+    <i class="fa fa-twitter fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://twitter.com/MasonSRCT">twitter.com/MasonSRCT</a>
   </div>
-  <div class="col-md-4">
-    <i class="fa fa-github fa-lg"></i>&nbsp;&nbsp;<a href="https://github.com/srct">github.com/srct</a>
+</div>
+<div class="row smidge">
+  <div class="col-sm-4">
+    <i class="fa fa-github fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://github.com/srct">github.com/srct</a>
+  </div>
+  <div class="col-sm-4">
+    <i class="fa fa-trello fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://trello.com/srct">trello.com/srct</a>
   </div>
-  <div class="col-md-4">
-    <i class="fa fa-trello fa-lg"></i>&nbsp;&nbsp;<a href="https://trello.com/srct">trello.com/srct</a>
+  <div class="col-sm-4">
+    <i class="fa fa-instagram fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://www.instagram.com/masonsrct/">instagram.com/masonsrct</a>
   </div>
-  <div class="col-md-4">
+</div>
+<div class="row smidge">
+  <div class="col-sm-4">
+    <i class="fa fa-tumblr fa-fw fa-lg"></i>&nbsp;&nbsp;<a href="https://masonsrct.tumblr.com/">masonsrct.tumblr.com</a>
+  </div>
+  <div class="col-sm-4">
     <a href="https://gmu.collegiatelink.net/organization/srct">CollegiateLink</a>
   </div>
 </div>
 
+<br />
+
 <legend><i class="fa fa-pencil-square-o fa-fw"></i>&nbsp;<strong>Mail</strong></legend>
 
 <address>