adjust footer breaks + avoid line break in entities contact info

web/src/components/blocks/contactEntityBlock.module.scss

@@ -25,6 +25,10 @@
     padding: 0;
   }
 
+  .name {
+    margin-bottom: .2em;
+  }
+  
   .name,
   .role {
     font-size: var(--spacing-s);
@@ -32,6 +36,7 @@
   
   .role {
     font-family: var(--font-serif);
+    line-height: 1.2;
   }
   
   .contact {
@@ -40,6 +45,10 @@
     font-size: var(--font-size-caption);
     font-weight: 500;
     line-height: 1.7;
+
+    li {
+      white-space: nowrap;
+    }
   }
   
   .icon {

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

@@ -129,6 +129,11 @@
   .footer {
     grid-template-columns: 1fr 1fr;
   }
+  .social {
+    ul {
+      padding-top: .3em;
+    }
+  }
 }
 
 @media (max-width: 600px) {
@@ -138,4 +143,19 @@
   .visit {
     grid-column: span 1;
   }
+  .social {
+    ul {
+      display: flex;
+      flex-wrap: wrap;
+      gap: .5rem;
+    }
+  }
+  .emails {
+    display: flex;
+    flex-wrap: wrap;
+    > div {
+      width: 50%;
+      padding-right: 2rem;
+    }
+  }
 }

web/src/css/variables.scss

@@ -75,14 +75,14 @@
   --border-s: 1px solid var(--color-chateauBlue-05);
 }
 
-@media (min-width: 1400px) {
+@media (min-width: 1800px) {
   :root {
     --spacing-sitepadding-block: 2.4rem;
     --spacing-sitepadding-inline: 6rem;
   }
 }
 
-@media (min-width: 1920px) {
+@media (min-width: 2000px) {
   :root {
     --spacing-sitepadding-block: 3rem;
     --spacing-sitepadding-inline: 10rem;