Integrate the splash page into the general layout

* Cleanup the CSS
* Fix more views then you have fingers and toes
* Introduce position(weight) for sponsor levels
* Fix bootstrap/datatable integration

app/assets/stylesheets/osem.css.scss

@@ -17,158 +17,11 @@ body {
     /* Set the fixed height of the footer here */
     height: 60px;
     background-color: #f5f5f5;
-}
-
-.container .text-muted {
-    margin: 20px 0;
-}
-
-#footer > .container {
-    padding: 15px;
-}
-
-.nav-header-bigger {
-    font-size: 15px;
-    font-weight: bold;
-    text-transform: uppercase;
-}
-
-.fa {
-    margin-right: 10px;
-}
-
-.mySidebar hr {
-    margin: 1px;
-}
-
-@media only screen and (max-width: 768px) {
-    .mySidebar ul.subNav {
-        display: block;
+    .container {
+      padding: 15px;
     }
 }
 
-.conferenceCheckboxes div {
-    display: inline-block;
-    padding: 0px 10px 0px 0px;
-}
-
-.dashbox {
-    padding-top: 20px;
-    padding-bottom: 20px;
-}
-
-.dashbox .icon {
-    padding-left: 8px;
-    display: block;
-    font-size: 3.8em;
-}
-
-.dashbox label {
-    display: block;
-    font-size: 1.1em;
-}
-
-.todolist-missing span {
-    color: #ff0000;
-}
-
-.todolist-ok {
-    text-decoration: line-through;
-}
-
-.todolist-ok span {
-    color: #02A10F;
-}
-
-.top-submitter img {
-    margin: 0 auto;
-}
-
-#doughnut .tab-content {
-    padding-bottom: 20px;
-}
-
-#submissions {
-    padding-bottom: 20px;
-}
-
-.banner-disp{
- background-repeat: no-repeat;
- background-position: center center;
- width: 100%;
- background-size: cover;
- -webkit-background-size:cover;
-}
-
-#location .with-background {
-    min-height: 500px;
-}
-
-#splash-banner .with-background{
-    min-height: 700px;
-}
-
-.location-links li{
-  display: inline-block;
-  margin-right: 2em;
-}
-
-.banner-text{
-    padding-top: 10%;
-}
-
-.pad{
-    padding-top: 35px;
-    padding-bottom: 35px;
-}
-
-.dl-horizontal dt { white-space: normal; }
-
-.equal, .equal > div[class*='col-'] {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  flex:1 0 auto;
-}
-
-.row-flex, .row-flex > div[class*='col-'] {
-  display: -webkit-box;
-  display: -moz-box;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  flex:1 1 auto;
-}
-
-.row-flex-wrap {
-  -webkit-flex-flow: row wrap;
-  align-content: flex-start;
-  flex:0;
-}
-
-.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
-  margin:-.2px; /* hack adjust for wrapping */
-}
-
-.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
-  width:100%;
-}
-
-.flex-col {
-  display: flex;
-  display: -webkit-flex;
-  flex: 1 100%;
-  flex-flow: column nowrap;
-}
-
-.flex-grow {
-  display: flex;
-  -webkit-flex: 2;
-  flex: 2;
-}
-
-.table20 {
-  width: 20%;
-}
+.nav-tabs {
+    margin-bottom: 15px;
+}