Remove new/old styling. Reverting back to bootstrap

assets/scss/application.scss

@@ -1,23 +1,103 @@
 @charset "utf-8";
-@import "../../node_modules/compass-mixins";
-@include global-reset ;
-
-$fa-font-path: "../../fonts";
-@import "fonts/font-awesome";
-@import "fonts/roboto";
 
+@import "bootstrap";
 @import "vars";
-@import "utilities/reset";
-
-@import "base/base";
-@import "base/mixins";
-@import "utilities/media_queries";
-@import "components/header";
-@import "components/button";
-@import "components/form";
-@import "components/alerts";
-@import "components/icon_legend";
-@import "components/table";
-@import "components/navigation";
-@import "components/footer";
-@import "pages/base";
+
+.main-content {
+  margin: 2rem 4rem;
+}
+
+.status-container {
+  max-width: 75rem;
+  .status:not(.initialized) {
+    display: none;
+  }
+}
+
+.spinner-container {
+  min-height: 2rem;
+  img.spinner {
+    height: 75px;
+    display: block;
+    margin: 4rem auto;
+  }
+}
+
+.img-rotate {
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  100% { transform: rotate(360deg); }
+}
+
+body {
+  background-color: $gray-lighter;
+  font-size: 15px;
+  line-height: 20px;
+
+  @media (max-width: $medium) {
+    background-color: white;
+  }
+
+  h1 {
+    font-size: 24px;
+    line-height: 26px;
+  }
+
+  .container {
+    max-width: 75rem;
+    background: #fff;
+    padding: 0 2rem;
+
+    @media (min-width: $medium) {
+      border-radius: 4px;
+      box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
+      margin-top: 2rem;
+    }
+
+    .content {
+      @media (max-width: $small) {
+        padding: 2rem 0;
+      }
+    }
+  }
+
+  .page-header {
+    margin: 0 0 2rem 0;
+    padding: 2rem 0 1rem 0;
+  }
+
+  footer {
+    padding-bottom: 2rem;
+
+    .container-fluid {
+      padding: 0;
+    }
+
+    form {
+      display: inline;
+
+      button {
+        padding: 0;
+      }
+    }
+  }
+}
+
+div.page-header {
+  img.logo {
+    max-width: 180px;
+    max-height: 90px;
+  }
+}
+
+.btn-off-screen {
+  position: absolute;
+  left: 100%;
+}
+
+div.middle {
+  display: flex;
+  align-items: center;
+}