1 files changed, 26 insertions, 26 deletions

diff --git a/css/default.css b/css/default.css
index 5f51f6f..fd06f35 100644
--- a/css/default.css
+++ b/css/default.css
@@ -2,56 +2,60 @@
    This file is released into the public domain.
 */
 
-nav {
-    display: inline;
-    float: right;
+:root {
+    --main-width: 35rem;
 }
 
-span.logo {
-    float: left;
+@media (max-width: 500px) {
+    :root {
+	--main-width: 100%;
+    }
 }
 
-header {
-    width: 40rem;
+nav {
+    width: var(--main-width);
     margin: auto;
     overflow: auto;
     background-color: #f3f3f3;
 }
 
-div#fsf-banner {
-    width: 40rem;
-    margin: auto;
+nav span#menu {
+    float: right;
 }
 
-div#fsf-banner center {
-    margin-top: 2rem;
+nav span#logo {
+    float: left;
+}
+
+nav a {
     padding: 1rem;
-    background-color: #ff000014;
+    display: inline-block;
+    background-color: #f3f3f3;
 }
 
 div#content {
-    width: 39rem;
+    width: calc(var(--main-width) - 1rem);
     margin: auto;
     margin-bottom: 2rem;
     line-height: 1.6;
 }
 
 footer {
-    width: 40rem;
+    width: var(--main-width);
     margin: auto;
     padding-top: .5rem;
     border-top-color: grey;
     border-top-style: solid;
+    display: flex;
+    justify-content: center;
 }
 
 a {
     text-decoration: none;
 }
 
-header a {
-    padding: 1rem;
-    display: inline-block;
-    background-color: #f3f3f3;
+a:hover{
+    background-color: #ddd;
 }
 
 blockquote {
@@ -59,10 +63,6 @@ blockquote {
     padding-left: 1rem;
 }
 
-a:hover{
-    background-color: #ddd;
-}
-
 li.postlistitem{
     margin-bottom: .5rem;
 }
@@ -72,9 +72,9 @@ ul.postlist{
     padding: 0;
 }
 
-footer center {
-    margin: auto;
-    line-height: 1.6;
+footer img {
+    height: 2.2rem;
+    margin: .1rem;
 }
 
 img {