adjust footer layout

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

@@ -39,12 +39,54 @@
   }
 }
 
-.logo {
-  width: 12rem;
+.social,
+.contact,
+.visit {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  gap: var(--spacing-gap-column);
+  row-gap: var(--spacing-gap-row);
   margin-bottom: var(--spacing-section-bottom);
 
+  ul {
+    list-style: none;
+  }
+
+  h2 {
+    margin-bottom: 1rem;
+    grid-column: span 3;
+  }
+}
+
+.social {
+  ul {
+    display: flex;
+    grid-column: span 9;
+    gap: 1rem;
+  }
+}
+
+.visit {
+
+  >div,
+  >ul {
+    grid-column: span 4;
+  }
+}
+
+.address {
+  line-height: 1.78;
+}
+
+.emails {
+  grid-column: span 9;
+  display: grid;
+  grid-template-columns: repeat(9, 1fr);
+  gap: var(--spacing-gap-column);
+
   >div {
-    width: 100%;
+    grid-column: span 4;
+    min-width: 0;
   }
 }
 
@@ -54,4 +96,10 @@
   right: 0;
   transform: translate(1vw, 40%);
   z-index: 800;
+}
+
+.toTop {
+  position: absolute;
+  right: 0;
+  bottom: 0;
 }