fix: align design of footer with current web

components/Current/Footer/navigation.module.css

@@ -0,0 +1,92 @@
+.container {
+  display: block;
+  padding: 0;
+  margin: -10px;
+  list-style: none;
+}
+
+.section {
+  padding: 0 0 3px;
+  display: block;
+  height: auto;
+  float: left;
+  width: 100%;
+  list-style: none;
+}
+
+.linkList {
+  padding: 10px 20px 20px;
+}
+
+.linkListTitle {
+  font-family:
+    Helvetica Neue,
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+  font-size: 16px;
+  line-height: 22px;
+  border-bottom: 1px solid #e3e0db;
+  font-weight: 700;
+  text-transform: uppercase;
+  padding-bottom: 3px;
+  margin-bottom: 15px;
+  margin-top: 0;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+
+.listPages {
+  list-style: none;
+}
+
+.li {
+  padding-left: 38px;
+  margin-bottom: 8px;
+  background-image: url(/_static/img/bullet-list-arrow-circle-white.svg);
+  background-repeat: no-repeat;
+  background-position: 0 7px;
+  background-size: 19px;
+}
+
+.listLink {
+  text-decoration: none;
+  color: #fff;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 32px;
+}
+
+.listLink:hover,
+.listLink:active,
+.listLink:focus {
+  text-decoration: underline;
+}
+
+@media screen and (min-width: 950px) {
+  .container {
+    display: flex;
+  }
+  .section {
+    margin-bottom: 4px;
+    padding: 0 0 20px;
+  }
+
+  .linkList {
+    padding: 0 10px;
+  }
+
+  .linkListTitle {
+    padding: 0 20px;
+  }
+  .listPages {
+    padding: 10px 20px;
+  }
+
+  .linkListTitle {
+    padding-bottom: 2px;
+    line-height: 24px;
+  }
+}