Moved to the bootstrap-sass gem, lot's of styling issues fixed

app/assets/stylesheets/osem.css

@@ -1,34 +1,43 @@
-html, body,.container,.content {
+ /* Sticky footer styles
+ -------------------------------------------------- */
+ html,
+ body {
     height: 100%;
+    /* The html and body elements cannot have any padding or margin. */
 }
 
-#push,
-#footer {
-    height: 60px;
-}
-
-.well {
-    background-color: white;
-    border: 1px solid #299A0B;
-}
-.container, .content {
-    position: relative;
-}
-#inner-content {
-    padding-top: 60px;
-}
-
+/* Wrapper for page content to push down footer */
 #wrap {
     min-height: 100%;
     height: auto !important;
     height: 100%;
+    /* Negative indent footer by it's height */
     margin: 0 auto -60px;
 }
 
+/* Set the fixed height of the footer here */
+#push,
 #footer {
-    position: relative;
-    background-color: #ffffff;
+    height: 60px;
 }
+#footer {
+   background-color: #f5f5f5;
+}
+
+/* Lastly, apply responsive CSS fixes as necessary */
+@media (max-width: 767px) {
+    #footer {
+      margin-left: -20px;
+      margin-right: -20px;
+      padding-left: 20px;
+      padding-right: 20px;
+  }
+}
+
+.container#messages {
+    padding-top: 60px;
+}
+
 .navbar-inner {
     background: #299a0b; /* Old browsers */
     background: -moz-linear-gradient(top,  #299a0b 0%, #299a0b 100%); /* FF3.6+ */
@@ -67,10 +76,6 @@ html, body,.container,.content {
     float:none;
 }
 
-.center-text {
-    text-align: center
-}
-
 textarea {
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box;    /* Firefox, other Gecko */