whoops, other html

index.html

@@ -4,9 +4,7 @@
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
       <style>
-body {
-    margin: 0;
-}
+body { margin: 0; }
 
 body > * {
     box-sizing: border-box;
@@ -43,14 +41,18 @@ body > * {
     color: #800000;
 }
 
+.nav-section-bottom {
+    position: absolute;
+    bottom: 0;
+}
+
 @media only screen and (max-width: 576px) {
     #main, #nav {
         position: initial;
         width: 100%;
     }
-    #nav {
-        height: initial;
-    }
+    #nav { height: initial; }
+    .nav-section-bottom{ display: hidden; }
 }
       </style>
       <title>e3team</title>
@@ -63,9 +65,8 @@ body > * {
         <a class="nav-item" href="/services.html">Services</a>
         <a class="nav-item" href="/servers.html">Machines</a>
       </div>
-      <div class="nav-section">
-        <span>another entry</span>
-        <a class="nav-item" href="example">example</a>
+      <div class="nav-section nav-section-bottom">
+        Free now and forever.
       </div>
     </div>
     <div id="main">