More responsive header

_includes/header.html

@@ -4,10 +4,19 @@
       {%- assign default_paths = site.pages | map: "path" -%}
       {%- assign page_paths = site.header_pages | default: default_paths -%}
 
-      <div>
-        <img src="{{ '/assets/banners/uni-logo.svg' | relative_url }}" type="image/svg+xml" />
-        <img src="{{ '/assets/banners/frozen-banner.svg' | relative_url }}" type="image/svg+xml" />
-        <img src="{{ '/assets/banners/lcsb-logo.svg' | relative_url }}" type="image/svg+xml" />
+      <div style="border-bottom: solid 1px #777">
+        <img src="{{ '/assets/banners/uni-logo.svg' | relative_url }}"
+             type="image/svg+xml"
+             style="border: solid 1px #777; padding: 1% 2% 0px 2%; border-bottom: solid 4px white; position: relative; bottom: -2px; border-radius: 14px 14px 0 0; margin-left: 8%;"
+        />
+        <img src="{{ '/assets/banners/frozen-banner.svg' | relative_url }}"
+             type="image/svg+xml"
+             style="margin-left: 3%; position: relative; bottom: -10px; width: 40%"
+        />
+        <img src="{{ '/assets/banners/lcsb-logo.svg' | relative_url }}"
+             type="image/svg+xml"
+             style="margin-right: 1%; float: right; position: relative; bottom: -15px;"
+        />
       </div>
 
 

assets/banners/lcsb-logo.svg

@@ -11,8 +11,8 @@
    version="1.1"
    id="svg4471"
    sodipodi:docname="lcsb-logo.svg"
-   width="157"
-   height="66"
+   width="145"
+   height="60"
    inkscape:version="0.92.2 (5c3e80d, 2017-08-06)">
   <metadata
      id="metadata4475">