Fix infoscreen Sössö slide styles

The slide is responsive and works also on other screen sizes than
1920x1080. Fixes #2.

infoscreen/static/css/sosso.css

@@ -1,3 +1,35 @@
+#header {
+    height: 30%;
+    width: 100%;
+    background-color:#7c1330;
+    text-align: center;
+}
+
+#header-image {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 100%;
+}
+
+.article-row {
+    min-height: 20vh;
+    margin: 10px 10px 10px 10px;
+}
+
+.article-col {
+    max-height: 200px;
+}
+
+.article-title-col {
+    font-size: 60px;
+}
+
+.thumbnail {
+    height: 20vh;
+    width: auto;
+}
+
 #sossoimage { 
     height:300px;
     position: relative; 

infoscreen/static/html/sosso.html

@@ -1,15 +1,20 @@
 <link rel="stylesheet" href="/static/css/sosso.css">
 <div ng-controller="SossoController">
-	<div style="height: 320px; width:1920px;background-color:#7c1330;">
-    	<img src="/static/img/sossoheader.png" >
+    <div id="header">
+        <img id="header-image" src="/static/img/sossoheader.png" >
     </div>
     <div id="container" ng-repeat="post in data.posts">
-        <div class="row" style="height:260px;">
-            <div class="col-md-4" style="max-height: 200px;">
-            	<img ng-src="{{ post.thumbnail_images.medium.url }}" style="max-height: 200px;">
+        <div class="article-row row">
+            <div class="article-col col-md-6">
+                <img class="thumbnail" ng-src="{{ post.thumbnail_images.medium.url }}">
+            </div>
+            <div>
+                <h1 class="col-md-6">
+                    <div class="article-title-col">
+                        {{ post.title }}
+                    </div>
+                </h1>
             </div>
-            <div><h1 class="col-md-6" style="font-size:48px;">{{ post.title }}</h1></div>
-            <div class="bottom-align-text col-md-6" style="font-size:24px">{{ post.date }}</div>
         </div>
     </div>
 </div>