Optimizations for Iphone X

_includes/footer.html

@@ -7,7 +7,7 @@
       </div>{% endcomment %}
       <br/>
       <div class="footer-cp">
-        Copyright © <a href="https://wwwen.uni.lu/">Université du Luxembourg</a> {{ site.date | escape }}. All rights reserved.
+          <p>© <a href="https://wwwen.uni.lu/">Université du Luxembourg</a> {{ site.date | escape }}. All rights reserved.</p>
         {%- include social.html -%}
       </div>
     </div>

_sass/minima/_base.scss

@@ -171,7 +171,7 @@ pre {
 
 .main {
   max-width: $content-width;
-  min-width: 480px;
+  min-width: 375px;
   margin-right: auto;
   margin-left: auto;
 

_sass/minima/_layout.scss

@@ -187,7 +187,7 @@
  */
 .page-content {
   margin-top: 30px;
-  margin-left: 70px;
+  margin-left: 5%;
   @include media-query($on-palm) {
     margin-top: -40px;
     margin-left: 20px;

_sass/minima/_lcsb.scss

 .custom-header {
   border-bottom: solid 1pt #777;
-  min-width: 480px;
+  min-width: 375px;
 }
 
-// Uni-lu image ============================================================================
+// Normal (desktop) ========================================================
 .img-uni-lu {
   bottom: -2px;
   border: solid 1pt #777;
@@ -14,14 +14,6 @@
   position: relative;
 }
 
-@media (max-width: 600px) {
-  .img-uni-lu {
-    margin-left: 1%;
-    width: 70px;
-  }
-}
-
-// Banner ==================================================================================
 .img-banner {
   bottom: -10px;
   position: relative;
@@ -29,14 +21,39 @@
 
 .img-banner-main {
   margin-left: 3%;
-  width: 20%;
+  width: 22%;
 }
 
 .img-banner-motto {
   width: 20%;
 }
 
-@media (max-width: 600px) {
+.img-lcsb {
+  bottom: -15px;
+  float: right;
+  margin-right: 1%;
+  position: relative;
+}
+
+.social-media-list {
+  float: right;
+  padding-right: 2%;
+  position: relative;
+}
+
+.svg-icon {
+  margin: 0px;
+  padding: 0px;
+}
+
+// Small-screen ==================================================================================
+
+@media (max-width: 660px) {
+  .img-uni-lu {
+    margin-left: 1%;
+    width: 70px;
+  }
+
   .img-banner {
     margin-bottom: 2%;
   }
@@ -49,31 +66,27 @@
   .img-banner-motto {
     display: none;
   }
-}
 
-// LCSB image ==============================================================================
-.img-lcsb {
-  bottom: -15px;
-  float: right;
-  margin-right: 1%;
-  position: relative;
-}
-
-@media (max-width: 600px) {
   .img-lcsb {
     margin-right: 1%;
     width: 120px;
   }
 }
 
-// Social buttons ==========================================================================
-.social-media-list {
-  float: right;
-  padding-right: 2%;
-  position: relative;
+// Small screen ==================================================================================
+
+@media (max-width: 500px) {
+  .img-uni-lu {
+    margin-left: 2px;
+    width: 40px;
+  }
+
+  .img-lcsb {
+    bottom: -6px;
+    margin-right: 10%;
+    position: relative;
+    width: 80px;
+  }
 }
 
-.svg-icon {
-  margin: 0px;
-  padding: 0px;
-}
\ No newline at end of file
+