small style improvements

gaehsnitz/static/gaehsnitz/style.css

@@ -11,18 +11,18 @@ table, thead, tfoot, tr, td {
 html, body {
     width: 100%;
     height: 100%;
-    font-size: 14px;
+    font-size: 16px;
 }
 
 @media only screen and (min-width: 600px) and (max-width: 899px) {
     html, body {
-        font-size: 16px;
+        font-size: 18px;
     }
 }
 
 @media only screen and (min-width: 900px) {
     html, body {
-        font-size: 18px;
+        font-size: 20px;
     }
 }
 
@@ -42,16 +42,24 @@ body {
     flex: 0 1 auto;
     width: 95%;
     max-width: 1200px;
-    padding-bottom: 24px;
     margin: 8px;
 }
 
+#navi, #content {
+    padding-bottom: 24px;
+}
+
+#content {
+    margin-top: 0;
+}
+
 #navi, #content {
     background-color: rgba(22, 22, 22, 65%);
 }
 
 #title {
     margin-top: 24px;
+    padding-bottom: 18px;
     text-align: center;
     color: #FFCC77;
     font-weight: bold;