Improvements

_includes/header.html

@@ -6,23 +6,21 @@
 
       <div class="custom-header">
         <img class="img-uni-lu"
-             src="{{ '/assets/banners/uni-logo-bordered.svg' | relative_url }}"
+             src="{{ '/assets/banners/uni-logo.svg' | relative_url }}"
+             type="image/svg+xml"
+        />
+        <img class="img-banner img-banner-main"
+             src="{{ '/assets/banners/banner-frozen-text-main.svg' | relative_url }}"
+             type="image/svg+xml"
+        />
+        <img class="img-banner img-banner-motto"
+             src="{{ '/assets/banners/banner-frozen-text-motto.svg' | relative_url }}"
+             type="image/svg+xml"
+        />
+        <img class="img-lcsb"
+             src="{{ '/assets/banners/lcsb-logo.svg' | relative_url }}"
              type="image/svg+xml"
         />
-        <div class="underline">
-          <img class="img-banner img-banner-main"
-               src="{{ '/assets/banners/banner-frozen-text-main.svg' | relative_url }}"
-               type="image/svg+xml"
-          />
-          <img class="img-banner img-banner-motto"
-               src="{{ '/assets/banners/banner-frozen-text-motto.svg' | relative_url }}"
-               type="image/svg+xml"
-          />
-          <img class="img-lcsb"
-               src="{{ '/assets/banners/lcsb-logo.svg' | relative_url }}"
-               type="image/svg+xml"
-          />
-        </div>
       </div>
 
       {%- if page_paths -%}

_sass/minima/_base.scss

@@ -195,6 +195,18 @@ pre {
   padding-left: $spacing-unit;
 }
 
+@media (max-width: 600px) {
+  .wrapper {
+    padding-left: 1%;
+    padding-right: 1%;
+  }
+
+  .main {
+    padding-left: 0%;
+    padding-right: 0%;
+  }
+}
+
 /**
  * Clearfix
  */

_sass/minima/_layout.scss

@@ -190,7 +190,7 @@
   margin-left: 5%;
   @include media-query($on-palm) {
     margin-top: -40px;
-    margin-left: 20px;
+    margin-left: 1%;
   }
   padding: $spacing-unit 0;
   padding-bottom: $footer-height;

_sass/minima/_lcsb.scss

@@ -7,25 +7,16 @@
 // Normal (desktop) ========================================================
 .img-uni-lu {
   bottom: -2px;
-  // border: solid 1pt #777;
-  // border-bottom: solid 1px white;
-  // border-radius: 14% 14% 0 0;
+  border: solid 1pt #777;
+  border-bottom: solid 4px white;
+  border-radius: 14% 14% 0 0;
   margin-left: 8%;
-  width: 113px;
+  padding: 15px 15px 0px 15px;
   position: relative;
-  // padding: 1.5% 2% 0px 2%;
-  // position: relative;
-  float: left;
-}
-
-.underline {
-  border-bottom: solid 1px #776;
-  float: left;
-  height: 78px;
 }
 
 .img-banner {
-  bottom: -10px;
+  bottom: -15px;
   position: relative;
 }
 
@@ -58,11 +49,9 @@
 
 // Small-screen ==================================================================================
 
-@media (max-width: 660px) {
+@media (max-width: 600px) {
   .img-uni-lu {
     margin-left: 1%;
-    width: 13%;
-    padding: 2% 3% 0px 3%;
   }
 
   .img-banner {
@@ -71,7 +60,8 @@
 
   .img-banner-main {
     margin-left: 3%;
-    width: 170px;
+    width: 30%;
+    bottom: -20px;
   }
 
   .img-banner-motto {