twitter gem and a partial added to embed tweets about a conference and new layout added for conference info screen

app/assets/stylesheets/application.css

@@ -8,6 +8,7 @@
  *= require osem-schedule-print
  *= require osem-dashboard
  *= require osem-splash
+ *= require osem-conference-wide-screen
  *= require font-awesome
  *= require osem-fonts
  *= require bootstrap-markdown

app/assets/stylesheets/osem-conference-wide-screen.css.scss

@@ -0,0 +1,77 @@
+@import "breakpoints.css.scss";
+
+html {
+  position: relative;
+  min-height: 100%;
+}
+
+body {
+  /* Margin bottom by 2 times the footer height */
+  // margin-bottom: 60px;
+  /* Margin bottom by navbar height */
+  padding-top: 10px;
+}
+
+#main-display {
+  // Counter the general padding for #content
+  // margin-bottom: -60px;
+  section {
+    padding: 10px;
+  }
+
+  #main-heading {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 120px;
+    background-color: #abcdef;
+  }
+
+
+  #event-display{
+    position: absolute;
+    bottom:480px;
+    width: 100%;
+    top: 120px;
+    background-color: #00FF00;
+  }
+  #tweets-display {
+    position: absolute;
+    height: 150px;
+    bottom: 330px;
+    width: 100%;
+    background-color: #F63;
+ }
+
+  #sponsor-display {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    max-height: 330px;
+    background-color: #FF1493;
+    .container {
+      background-color: yellow;
+      max-height: 310px;
+    }
+
+    .img-sponsor {
+      max-height: 50px;
+      margin: 2% auto;
+    }
+    .img-sponsor-1 {
+      max-height: 90px;
+    }
+    .img-sponsor-2 {
+      max-height: 70px;
+    }
+    .img-sponsor-3 {
+      max-height: 50px;
+    }
+    @include breakpoint(xs) {
+      .img-sponsor, .img-sponsor-1, .img-sponsor-3, .img-sponsor-3{
+        max-height: unset;
+        max-width: 280px;
+      }
+    }
+  }
+}