Hide the logo in the mobile version, and make the footer smaller.

src/css/default.scss

@@ -638,6 +638,7 @@ MEDIA QUERIES
   }
   #layout {
     padding-top: 0;
+    margin-bottom: -4rem;
   }
   .auth_methods {
     width: 60%;
@@ -645,6 +646,14 @@ MEDIA QUERIES
   #logo {
     font-size: 1.8em;
   }
+  #footer {
+    height: 2.5rem;
+    padding-top: 1.5rem;
+    .copyrights {
+      height: 1rem;
+      padding-top: 0;
+    }
+  }
 }
 
 @media screen and (max-width: 0em), screen and (min-width: 40em) {

templates/_footer.twig

       <div id="footer">
         <div class="wrap">
           <div class="center copyrights">
-            Copyright &copy; 2007-{{ year }}
+            &copy; 2007-{{ year }}
             <a href="https://simplesamlphp.org/">SimpleSAMLphp</a>
           </div>
-          <div class="logo-footer-right">
+          <div class="logo-footer-right show-for-large">
             <div class="logo-footer">
               <img class="pure-img" src="/{{ baseurlpath }}resources/icons/ssplogo-fish-small.png" alt="Small fish logo">
             </div>