fix footer css

sandbox/wmts/leaflet/footer.css

@@ -0,0 +1,43 @@
+footer {
+  margin-top: 20px;
+  padding: 20px 0px;
+  text-align: center;
+  background: rgb(226, 226, 226);
+}
+
+footer p, footer div{
+  margin: 0 auto;
+  max-width: 80%;
+}
+
+footer div {
+  margin-bottom: 20px;
+}
+
+footer div a {
+  text-decoration: none;
+  color: var(--secondary) !important;
+}
+
+footer div a:hover {
+  border-bottom: solid 1px black;
+}
+
+footer div.logo {
+  display: flex;
+  justify-content: space-evenly;
+}
+
+footer div.logo img {
+  height: 90px;
+  margin: 3px;
+}
+
+@media screen and (max-width: 900px) {
+  footer div.logo {
+    flex-direction: column;
+  }
+  footer div.logo img {
+    height: 60px;
+  }
+}