Fix styling and layouts in splash view

app/assets/stylesheets/osem.css

@@ -99,20 +99,25 @@ body {
  background-size: cover;
  -webkit-background-size:cover;
 }
-.banner-disp.with-location-background{
+
+#location .with-background {
     min-height: 500px;
 }
-.banner-disp.with-splash-banner{
+
+#splash-banner .with-background{
     min-height: 700px;
 }
+
 .location-links li{
   display: inline-block;
   margin-right: 2em;
 }
+
 .banner-text{
     padding-top: 10%;
     color: #fff;
 }
+
 .pad{
     padding-top: 35px;
     padding-bottom: 35px;

app/views/conference/_location.html.haml

@@ -3,7 +3,7 @@
     %a{ href: '#location' } Location
 
 
-%div.banner-disp{ style: ("background-image: url(#{@conference.venue.photo})" unless @conference.venue.photo.blank?), class:('with-location-background' unless @conference.venue.photo.blank?) }
+%div.banner-disp{ style: ("background-image: url(#{@conference.venue.photo})" unless @conference.venue.photo.blank?), class:('with-background' unless @conference.venue.photo.blank?) }
   %div.container.text-center
     .div.row.col-md-12
       - unless @conference.venue.name.blank?

app/views/conference/show.html.haml

@@ -3,7 +3,7 @@
 = content_for :splash do
   - if @conference.include_banner_in_splash?
     %section{ id: 'splash-banner' }
-    %div.banner-disp{ style: ("background-image: url(#{@conference.banner_photo})" unless @conference.banner_photo.blank?), class:('with-splash-banner' unless @conference.banner_photo.blank?) }
+      %div.banner-disp{ style: ("background-image: url(#{@conference.banner_photo})" unless @conference.banner_photo.blank?), class:('with-background' unless @conference.banner_photo.blank?) }
         %div.container.text-center.banner-text
           .row.col-md-12
             %h1