delete old css/js; remove 500 error template;

clean up some styles and error template.  temporarily remove background image from error page until we can make it more seamless.  Perhaps lighten the background image as well?

app/themes/bootstrap/styles/base/_styles.scss

@@ -62,96 +62,10 @@ h1, h2, h3, h4 {
 
 /* Error pages styles
 -------------------------------------------------- */
-.error-404, .error-500 {
-  margin-bottom: 0px !important;
-  margin-left: 0px !important;
-  margin-right: 0px !important;
-  padding-right: 0px !important;
-  padding-left: 0px !important;
-  width: 100%;
-  height: 100%;
-  .overlapped {
-    position: relative;
-    background-color: white;
-    background-image: url("/images/error_background.jpg");
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-attachment: fixed;
-    background-position: center;
-    width: 100%;
-    height: 100%;
-    z-index: 999999;
-    /*outer*/
-    padding: 5%;
-    margin: 0px !important;
-    display: block;
-    justify-content: center;
-    align-items: center;
-    img {
-      display: flex;
-      width: 25% !important;
-      display: inline-flex;
-    }
-    .well{
-      padding-left: 5%;
-      padding-right: 5%;
-      background-color: darkseagreen;
-      float: right;
-      width: 74%;
-      color: whitesmoke;
-      table{
-        tr{
-          height: 0;
-        }
-        td{
-          height: 0;
-          pre {
-            overflow: auto;
-            height: 100px;
-            background-color: transparent;
-          }
-        }
-      }
-    }
-  }
-}
-
-.server-error, .user-error{
-  .overlapped {
-    position: relative;
-    background-color: #0d1318;
-    background-image: url("/images/ErdikoShieldLogo.png");
-    background-repeat: no-repeat;
-    background-attachment: fixed;
-    background-position: center;
-    width: 100%;
-    height: 100%;
-    opacity: 0.9;
-    z-index: 999999;
-    /*outer*/
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-  }
-  .container.centered {
-    position: fixed;
-    margin: 0 auto 0 auto;
-  }
-  .row.solid{
-    opacity: 9;
-  }
-}
-
-.server-error{
-  .well{
-    background-color: #FFCC33;
-  }
-}
-
-.user-error{
-  .well{
-    background-color: #FF9966;
-  }
+.server-error, .error-404, .error-500 {
+  background: url(/images/error_background.jpg) no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
 }

app/views/error.html

@@ -1,4 +1,4 @@
-<div class="container error-404">
+<div class="container">
     <div class="page-header" id="banner">
         <div class="row">
           <div class="col-lg-8 col-md-7 col-sm-6">