diff --git a/assets/style.css b/assets/style.css
index 6055e61..3ba2b1a 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -48,20 +48,20 @@ code { font-family: Kobata !important; font-weight: normal }
 .bg-orange-white, .bg-orange-pink, .bg-orange-green, .bg-orange-lila, .bg-orange-orange, .bg-orange-black { background-color: var(--orange) }
 .bg-black-white, .bg-black-pink, .bg-black-green, .bg-black-lila, .bg-black-orange, .bg-black-black { background-color: var(--black) }
 
-.bg-white-white, .bg-pink-white, .bg-green-white, .bg-lila-white, .bg-orange-white, .bg-black-white { background-image: url("/assets/grid/white.png") }
-.bg-white-pink, .bg-pink-pink, .bg-green-pink, .bg-lila-pink, .bg-orange-pink, .bg-black-pink { background-image: url("/assets/grid/pink.png") }
-.bg-white-green, .bg-pink-green, .bg-green-green, .bg-lila-green, .bg-orange-green, .bg-black-green { background-image: url("/assets/grid/green.png") }
-.bg-white-lila, .bg-pink-lila, .bg-green-lila, .bg-lila-lila, .bg-orange-lila, .bg-black-lila { background-image: url("/assets/grid/lila.png") }
-.bg-white-orange, .bg-pink-orange, .bg-green-orange, .bg-lila-orange, .bg-orange-orange, .bg-black-orange { background-image: url("/assets/grid/orange.png") }
-.bg-white-black, .bg-pink-black, .bg-green-black, .bg-lila-black, .bg-orange-black, .bg-black-black { background-image: url("/assets/grid/black.png") }
+.bg-white-white, .bg-pink-white, .bg-green-white, .bg-lila-white, .bg-orange-white, .bg-black-white { background-image: url("grid/white.png") }
+.bg-white-pink, .bg-pink-pink, .bg-green-pink, .bg-lila-pink, .bg-orange-pink, .bg-black-pink { background-image: url("grid/pink.png") }
+.bg-white-green, .bg-pink-green, .bg-green-green, .bg-lila-green, .bg-orange-green, .bg-black-green { background-image: url("grid/green.png") }
+.bg-white-lila, .bg-pink-lila, .bg-green-lila, .bg-lila-lila, .bg-orange-lila, .bg-black-lila { background-image: url("grid/lila.png") }
+.bg-white-orange, .bg-pink-orange, .bg-green-orange, .bg-lila-orange, .bg-orange-orange, .bg-black-orange { background-image: url("grid/orange.png") }
+.bg-white-black, .bg-pink-black, .bg-green-black, .bg-lila-black, .bg-orange-black, .bg-black-black { background-image: url("grid/black.png") }
 
 @media (min-resolution: 2x) {
-  .bg-white-white, .bg-pink-white, .bg-green-white, .bg-lila-white, .bg-orange-white, .bg-black-white { background-image: url("/assets/grid/white@2x.png"); background-size: 105px 78px }
-  .bg-white-pink, .bg-pink-pink, .bg-green-pink, .bg-lila-pink, .bg-orange-pink, .bg-black-pink { background-image: url("/assets/grid/pink@2x.png"); background-size: 105px 78px }
-  .bg-white-green, .bg-pink-green, .bg-green-green, .bg-lila-green, .bg-orange-green, .bg-black-green { background-image: url("/assets/grid/green@2x.png"); background-size: 105px 78px }
-  .bg-white-lila, .bg-pink-lila, .bg-green-lila, .bg-lila-lila, .bg-orange-lila, .bg-black-lila { background-image: url("/assets/grid/lila@2x.png"); background-size: 105px 78px }
-  .bg-white-orange, .bg-pink-orange, .bg-green-orange, .bg-lila-orange, .bg-orange-orange, .bg-black-orange { background-image: url("/assets/grid/orange@2x.png"); background-size: 105px 78px }
-  .bg-white-black, .bg-pink-black, .bg-green-black, .bg-lila-black, .bg-orange-black, .bg-black-black { background-image: url("/assets/grid/black@2x.png"); background-size: 105px 78px }
+  .bg-white-white, .bg-pink-white, .bg-green-white, .bg-lila-white, .bg-orange-white, .bg-black-white { background-image: url("grid/white@2x.png"); background-size: 105px 78px }
+  .bg-white-pink, .bg-pink-pink, .bg-green-pink, .bg-lila-pink, .bg-orange-pink, .bg-black-pink { background-image: url("grid/pink@2x.png"); background-size: 105px 78px }
+  .bg-white-green, .bg-pink-green, .bg-green-green, .bg-lila-green, .bg-orange-green, .bg-black-green { background-image: url("grid/green@2x.png"); background-size: 105px 78px }
+  .bg-white-lila, .bg-pink-lila, .bg-green-lila, .bg-lila-lila, .bg-orange-lila, .bg-black-lila { background-image: url("grid/lila@2x.png"); background-size: 105px 78px }
+  .bg-white-orange, .bg-pink-orange, .bg-green-orange, .bg-lila-orange, .bg-orange-orange, .bg-black-orange { background-image: url("grid/orange@2x.png"); background-size: 105px 78px }
+  .bg-white-black, .bg-pink-black, .bg-green-black, .bg-lila-black, .bg-orange-black, .bg-black-black { background-image: url("grid/black@2x.png"); background-size: 105px 78px }
 }
 
 .container { padding: 37pt 22pt }
@@ -102,7 +102,7 @@ nav > div { margin-left: -2px }
 
 #lang-switch { position: absolute; top: -3px; right: 0 }
 
-footer { background: var(--white) }
+footer { background: var(--white); padding: 22pt; line-height: 1 !important; letter-spacing: 1.5rem  }
 
 .headline { padding-left: 179pt }
 .content-footer { display:flex; justify-content: space-between }
diff --git a/site/snippets/footer.php b/site/snippets/footer.php
index 317afcd..fbafc75 100644
--- a/site/snippets/footer.php
+++ b/site/snippets/footer.php
@@ -19,7 +19,7 @@
 
 </div>
 
-<footer class="font-kobata text-40 uppercase border-top container" style="line-height:1;letter-spacing:1.5rem">Re Capitulating. Queer</footer>
+<footer class="font-kobata text-40 uppercase border-top">Re Capitulating. Queer</footer>
 
 <script src="<?= url('assets/siema.min.js') ?>"></script>
 
diff --git a/site/snippets/header.php b/site/snippets/header.php
index 2bab7f3..5a7b4d1 100644
--- a/site/snippets/header.php
+++ b/site/snippets/header.php
@@ -7,8 +7,8 @@
 	<style>
 		@font-face { font-family: 'Kobata'; src: url('<?= url('assets/Kobata-Bold.woff2') ?>') format('woff2') }
         @font-face { font-family: 'VG5000'; src: url('<?= url('assets/VG5000-Regular_web.woff2') ?>') format('woff2') }
-		<?= F::read('assets/style.css') ?>
 	</style>
+	<link rel="stylesheet" type="text/css" href="<?= url('assets/style.css') ?>">
 </head>
 <body>