diff --git a/themes/xsfx/layouts/partials/footer.html b/themes/xsfx/layouts/partials/footer.html
index e9c5f06..46651cc 100644
--- a/themes/xsfx/layouts/partials/footer.html
+++ b/themes/xsfx/layouts/partials/footer.html
@@ -1,11 +1,14 @@
 <footer>
-  <small>
-    ///
+  <div class="row">
+    <div class="column"></div>
+    <div class="column"></div>
     {{ range where .Site.RegularPages "Type" "pages"}}
-    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+    <div class="column"><a href="{{ .RelPermalink }}">{{ .Title }}</a></div>
     {{ end }}
     {{ range $name, $url := .Site.Params.links}}
-    <a href="{{ $url }}">{{ $name }}</a>
+    <div class="column"><a href="{{ $url }}">{{ $name }}</a></div>
     {{ end }}
-  </small>
+    <div class="column"></div>
+    <div class="column"></div>
+  </div>
 </footer>
diff --git a/themes/xsfx/layouts/partials/header.html b/themes/xsfx/layouts/partials/header.html
index 78df478..6269d53 100644
--- a/themes/xsfx/layouts/partials/header.html
+++ b/themes/xsfx/layouts/partials/header.html
@@ -1,12 +1,3 @@
 <header>
-  <h1 id="logo"><a href="{{ .Site.BaseURL }}">X5734DF457X</a></h1>
-	<!-- {{ with .Site.Menus.main }} -->
-	<!-- <nav> -->
-	<!-- 	<ul> -->
-	<!-- 		{{ range . }} -->
-	<!-- 		<li><a href="{{ .URL | relURL }}">{{ .Name }}</a></li> -->
-	<!-- 		{{ end }} -->
-	<!-- 	</ul> -->
-	<!-- </nav> -->
-	<!-- {{ end }} -->
+  <div class="row"><div class="column"><h1 id="logo"><a href="{{ .Site.BaseURL }}">X5734DF457X</a></h1></div></div>
 </header>
diff --git a/themes/xsfx/static/css/xsfx.css b/themes/xsfx/static/css/xsfx.css
index 49752c0..4f5a246 100644
--- a/themes/xsfx/static/css/xsfx.css
+++ b/themes/xsfx/static/css/xsfx.css
@@ -47,9 +47,9 @@
 }
 
 body {
-  font-family: "Go Mono";
-  color: #000000;
   background-color: #ffffff;
+  color: #000000;
+  font-family: "Go Mono";
 }
 
 body img {
@@ -82,15 +82,21 @@ a:hover {
 }
 
 h1#logo {
-  font-size: 7rem;
-  text-shadow: 4px 4px #848484;
+  font-size: 5rem;
   text-decoration: line-through;
+  text-shadow: 4px 4px #848484;
+}
+
+@media (min-width: 80.0rem) {
+  h1#logo {
+    font-size: 7rem;
+  }
 }
 
 h1#logo a:link,
 h1#logo a:visited {
-  color: #000000;
   background-color: #ffffff;
+  color: #000000;
 }
 
 main h1,
@@ -103,23 +109,24 @@ article h1 {
 }
 
 header {
+  background-image: url("/images/newstile.png");
+  background-repeat: repeat;
+  border-bottom-color: #000000;
   border-bottom-style: solid;
   border-bottom-width: 10px;
   padding-bottom: 20px;
-  border-bottom-color: #000000;
-  background-image: url("/images/newstile.png");
-  background-repeat: repeat;
 }
 
 footer {
+  background-image: url("/images/newstile.png");
+  background-repeat: repeat;
+  border-top-color: #000000;
   border-top-style: solid;
   border-top-width: 10px;
-  border-top-color: #000000;
+  font-size: 1.3rem;
   padding-bottom: 50px;
   padding-top: 20px;
   text-align: center;
-  background-image: url("/images/newstile.png");
-  background-repeat: repeat;
 }
 
 footer a {
@@ -128,10 +135,10 @@ footer a {
 }
 
 section.article_content {
+  padding-bottom: 15px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 15px;
-  padding-bottom: 15px;
 }
 
 section#pagination {
@@ -139,18 +146,17 @@ section#pagination {
 }
 
 figure {
+  border: 0;
   display: block;
   margin: 0;
   padding: 0;
-  border: 0;
 }
 
 figcaption {
   display: block;
+  font-size: small;
   margin-left: auto;
   margin-right: auto;
-  /* max-width: 90%; */
-  font-size: small;
   text-align: right;
 }