misc mobile adjustments

web/src/components/layout/footer.module.scss

@@ -58,8 +58,10 @@
 .social {
   ul {
     display: flex;
+    flex-wrap: wrap;
     grid-column: span 9;
-    gap: var(--spacing-s);
+    column-gap: var(--spacing-s);
+    row-gap: var(--spacing-xs);
   }
 }
 
@@ -111,4 +113,27 @@
   button {
     font-size: var(--font-size-caption);
   }
+}
+
+@media (max-width: 900px) {
+  .social,
+  .contact,
+  .visit {
+    grid-template-columns: 1fr;
+
+    h2 {
+      grid-column: 1 / -1;
+    }
+  }
+
+  .social ul,
+  .emails,
+  .visit >div, .visit >ul {
+    grid-column: 1 / -1;
+  }
+
+  .emails {
+    grid-template-columns: 1fr;
+  }
+
 }

web/src/components/layout/header.module.scss

@@ -235,4 +235,10 @@
 .observer {
   position: absolute;
   top: 8rem;
+}
+
+@media (max-width: 800px) {
+  .logo {
+    font-size: 1rem;
+  }
 }