fixed what seems to be one of the last mobile-rendering responsiveness...

fixed what seems to be one of the last mobile-rendering responsiveness issues-- footer text now centers on small sizes, instead of being left-aligned on one side and right-aligned on the other

roomlist/static/css/style.css

@@ -29,6 +29,21 @@ a[name] {
 #footer {
   height: 30px;
 }
+
+@media(max-width: 992px) {
+  #footer {
+    text-align: center;
+  }
+}
+
+/* in which we replicate bootstrap's pull-right implementation */
+
+@media(min-width: 992px) {
+  .footer-right {
+    float: right !important;
+  }
+}
+
 .jumboindex {
   background: url(/static/img/North_Section_of_Presidents_Park_Dorms.jpg) no-repeat;
   background-size: cover;

roomlist/templates/layouts/footer.html

@@ -15,14 +15,14 @@
       <a href="http://srct.gmu.edu/contact/" target="_blank">Contact</a>
     </div>
     <div class="col-md-6">
-      <span class="pull-right">
+      <span class="footer-right">
         A <a href="http://srct.gmu.edu/projects" target="_blank">project</a> of
         <a href="http://www.gmu.edu/" target="_blank">Mason</a>
         <a href="http://srct.gmu.edu/" target="_blank"><strong>SRCT</strong></a>, a
         <a href="https://getconnected.gmu.edu/organization/srct" target="_blank">registered student org</a>.
       </span>
       <br />
-      <span class="pull-right">
+      <span class="footer-right">
         Read and
         <a href="https://git.gmu.edu//srct/roomlist/milestones/" target="_blank">contribute</a>
         to our