Uniform styling in footer (#83)

Author: samueleresca

theme/src/main/assets/assets/stylesheets/pekko-theme.css

@@ -32,16 +32,6 @@ ul.md-nav__links li a {
     display: inline;
 }
 
-#incubator__logo {
-    background-color: white;
-    float: left;
-    margin-right:40px;
-    margin-top:0;
-    max-width:inherit;
-    padding:10px;
-    width:380px
-}
-
 /* fix paradox snippet links to fit with material docs style */
 
 /* material docs brings its own copy button, remove ours */
@@ -93,3 +83,41 @@ tbody th, tbody td {
 tbody tr:nth-child(even) {
   background-color: #eaeaea;
 }
+
+
+/* Footer styling */
+.md-footer-meta__inner p {
+  color: #999;
+  font-size: 14px;
+}
+
+.md-footer-meta__inner {
+  box-sizing: border-box;
+  flex-wrap: wrap;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@media (max-width: 850px) {
+  .md-footer-meta__inner {
+    flex-direction: column;
+  }
+}
+
+.md-footer-meta__inner div {
+  flex: 1;
+  text-align: center;
+}
+
+.md-footer-meta__inner .md-footer-copyright {
+  flex-basis: 100%;
+}
+
+#incubator__logo {
+  background-color: white;
+  max-width: inherit;
+  padding: 10px;
+  width: 380px;
+  margin: auto;
+}

theme/src/main/assets/partials/footer.st

@@ -61,13 +61,13 @@ $!
   $endif$
   <div class="md-footer-meta md-typeset">
     <div class="md-footer-meta__inner md-grid">
-      <div>
+      <div class="logo">
         <a href="https://incubator.apache.org/" one-link-mark="yes">
           <img src="assets/images/apache-incubator.svg" alt="Apache Incubator logo" id="incubator__logo">
         </a>
       </div>
-      <div>
-        <p style="font-family: Avenir-Medium;font-size: 14px;color: #999;line-height: 25px;">
+      <div class="incubation-disclaimer">
+        <p>
           Apache Pekko is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.
         </p>
       </div>