Final logo update

Changed to one image file that includes SSF, SciLifeLab and KAW logo. Updated CSS to change responsiveness and scaling for different screen sizes. Moreover, the Connect header and blue icons are now central in a mobile screen

layouts/partials/footer.html

@@ -68,9 +68,11 @@ <h2 class="small text-uppercase text-black-50">{{ if eq $.Site.Language.Language
         {{ end }}
       </ul>
     </div>
-    <div class="col-md icons-and-scilifelab-logo">
+    <div class="col-md">
+      <div class="d-flex justify-content-center justify-content-md-start">
       <h2 class="small text-uppercase text-black-50">{{ if eq $.Site.Language.LanguageName "Svenska" }}Följ
         oss{{ else }}Connect{{ end }}</h2>
+      </div>
       <div class="container">
         <div class="d-flex justify-content-center justify-content-md-start">
           <a class="p-2" style="font-size:2em;" target="_blank" href="mailto:datacentre@scilifelab.se"><i
@@ -81,22 +83,9 @@ <h2 class="small text-uppercase text-black-50">{{ if eq $.Site.Language.Language
             href="https://linkedin.com/company/scilifelab-data-centre"><i class="bi bi-linkedin"></i></a>
         </div>
       </div>
-      <div class="container">
-        <a class="d-block" target="_blank" href="https://www.scilifelab.se" style="margin-top: 15%;">
-          <img src="/img/logos/scilifelab-logo.svg" alt="SciLifeLab" style="max-width: 100%; max-width: 100%">
-        </a>
-      </div>
-    </div>
-
-    <div class="col-md ssf-and-kaw-logo text-center">
-      <div class="container">
-        <a class="d-block" target="_blank" href="{{ if eq .Language.Lang "en" }}https://strategiska.se/en/{{ else
-          }}https://strategiska.se/{{ end }}">
-          <img src="/img/logos/ssf_logo_{{ .Language.Lang }}.svg" alt="SSF">
-        </a>
-        <a class="d-block" target="_blank" href="{{ if eq .Language.Lang "en" }}https://kaw.wallenberg.org/en{{ else
-          }}https://kaw.wallenberg.org{{ end }}">
-          <img src="/img/logos/knut-and-alice-wallenberg.jpg" alt="Knut and Alice Wallenberg Foundation">
+      <div class="d-flex">
+        <a class="d-block px-5 px-md-0">
+          <img src="/img/logos/complete_footer.png" alt="SciLifeLab, Knut and Alice Wallenberg Foundation and SSF Logos">
         </a>
       </div>
     </div>

static/css/styles.css

@@ -277,7 +277,7 @@ footer h2.small {
     margin-top: 1rem;
 }
 footer img {
-    max-height: 70%;
+    max-height: 100%;
 }
 
 .plot_wrapper {
@@ -630,42 +630,13 @@ hr.faded:before {
 
 /*
 * Footer images alignment
-* Separated in two media queries for responsiveness
 */
 
 @media (max-width: 767px) {
-    .col-md.icons-and-scilifelab-logo h2 {
-        text-align: center;
-    }
-
-    .col-md.icons-and-scilifelab-logo div {
-        margin: 0 auto;
-        max-width: 70%;
-    }
-
-    .col-md.ssf-and-kaw-logo {
-        padding-bottom: 2.4rem;
-    }
-
-    .col-md.ssf-and-kaw-logo .container {
-        padding: 0rem;
-    }
-
-    .col-md.ssf-and-kaw-logo * {
-        max-width: 75%;
-        margin: 0 auto;
-    }
-
     .row.footer-lower-row {
         padding-right: 0;
         margin: 0 auto;
         padding-left: 0;
     }
 }
 
-@media (min-width: 1400px) {
-    .ssf-and-kaw-logo img {
-        height: 140px;
-        width: auto;
-    }    
-}