diff --git a/assets/styles.scss b/assets/styles.scss
index b5c8070..7b8d750 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -81,7 +81,6 @@ main {
     display: block;
     margin: 0;
     padding: 1em 1em;
-    background-color: white;
 
     @media #{$mq-small} {
         margin: 0 15%;
@@ -334,11 +333,31 @@ nav li:hover {
 }
 
 .page-header {
-    border-bottom: 1px solid black;
+    border-bottom: 2px solid black;
+    background-color: #f7f7f7;
     text-align: center;
     display: flex;
     flex-flow: row wrap;
-    margin: 1em 1em 0 1em;
+
+    @media #{$mq-small} {
+        margin: 0 15%;
+    }
+
+    @media #{$mq-medium} {
+        margin: 0 17%;
+    }
+
+    @media #{$mq-large} {
+        margin: 0 21%;
+    }
+
+    @media #{$mq-xlarge} {
+        margin: 0 24%;
+    }
+
+    @media #{$mq-xxlarge} {
+        margin: 0 27%;
+    }
 }
 
 .myname {
@@ -351,7 +370,7 @@ nav li:hover {
     color: black;
     text-decoration: none;
     font-family: FreeSerif, serif;
-    font-style: italic;
+    font-style: normal;
     font-weight: bold;
 }
 
@@ -812,11 +831,10 @@ cite {
 footer {
     position: fixed;
     width: 100vw;
-    color: #444;
+    color: $light-text;
     font-size: .8em;
-    padding-left: 1em;
-    padding-top: .2em;
-    padding-bottom: .1em;
+    padding: 0.2em 1em;
+    text-align: center;
     bottom: 0;
     left: 0;
     background-color: #f7f7f7;