Update home.css

overrides/assets/stylesheets/home.css

@@ -535,36 +535,104 @@ h2.secondary-headline, h3.trusted-by {
   }
 }
 
-/* No next/prev links on home page so make sure next/prev area of footer collapses nicely */
-footer nav.md-footer__inner {
-  padding: 0;
+/* Footer meta and copyright */
+.md-footer-meta {
+  padding: 1em 0;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
 }
 
-footer .md-footer-meta .md-footer-meta__inner {
-  padding: 1em 0;
+.md-footer-copyright {
+  margin-right: 18px;
 }
 
-footer .md-footer-nav {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  gap: 1em;
-  margin: 1em 0;
+.md-social {
+  margin-right: 18px;
 }
 
-footer .md-footer-nav a {
-  text-decoration: none;
-  color: inherit;
+@media (max-width: 1024px) {
+  .md-footer-copyright {
+    margin: auto;
+    text-align: center;
+  }
+
+  .md-social {
+    margin: auto;
+  }
 }
 
-@media only screen and (max-width: 530px) {
-  footer .md-footer-nav {
+@media (max-width: 861px) {
+  .md-footer-meta {
     flex-direction: column;
-    align-items: flex-start;
-    text-align: left;
+    align-items: center;
+    text-align: center;
+  }
+
+  .md-footer__link {
+    display: block;
+    margin-bottom: 1rem;
+  }
+
+  .md-footer__title {
+    display: block;
+    margin-bottom: 0.5rem;
   }
 
-  footer .md-footer-nav a {
-    margin-bottom: 0.5em;
+  .md-footer__button {
+    display: none;
+  }
+
+  .md-footer-meta__inner {
+    flex-direction: column;
+    align-items: center;
   }
+
+  .md-footer-copyright {
+    order: 2;
+    margin: 2rem 0;
+    flex-wrap: wrap;
+  }
+
+  .md-footer-copyright a {
+    margin: 8px;
+  }
+
+  .footer-links {
+    display: flex;
+    flex-direction: column;
+    order: 1;
+    align-items: center;
+    text-align: center;
+    margin-bottom: 1rem;
+  }
+
+  .md-social {
+    margin-top: 1rem;
+    text-align: center;
+  }
+}
+
+@media (max-width: 530px) {
+  footer .footer-links {
+    display: block;
+    margin: 5px;
+  }
+
+  .md-footer-meta {
+    padding: 1em 0;
+  }
+
+  .md-footer-copyright {
+    margin: 5px;
+  }
+}
+
+/* No next/prev links on home page so make sure next/prev area of footer collapses nicely */
+footer nav.md-footer__inner {
+  padding: 0;
+}
+
+footer .md-footer-meta .md-footer-meta__inner {
+  padding: 1em 0;
 }