diff --git a/about/index.html b/about/index.html
index ae12514e..1dcdd158 100644
--- a/about/index.html
+++ b/about/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>About the project | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/accessibility/index.html b/accessibility/index.html
index 27c304e5..4368910e 100644
--- a/accessibility/index.html
+++ b/accessibility/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>Accessibility Statement for Brightening the Covenant Chain | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/assets/css/style.css b/assets/css/style.css
index 9dcfb5a3..03fd51c0 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -372,7 +372,7 @@ nav {
   width: 30%;
   border-top: 5px solid #124d20;
   background-color: #f1f1f1;
-  padding: 2em;
+  padding: 2%;
   font-size: 18px;
   text-align: center;
   display: flex;
@@ -1201,81 +1201,35 @@ nav {
   transform: translate(0, 3px);
 }
 
-@media (min-width: 601px) and (max-width: 1200px) {
-  div.container {
-    max-width: 1200px;
-    padding-left: 5%;
-    padding-right: 5%;
+@media only screen and (max-width: 600px) {
+  .home-hero {
+    max-height: 100vh;
+    height: 100vh;
   }
-  .quicklink {
-    text-align: center;
-    color: #000;
-    font-family: "Jost", sans-serif;
+  .home-hero .info-box {
+    width: 95%;
     font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 180%; /* 28.8px */
-    border-top: 5px solid #124D20;
-    padding-bottom: 2%;
-  }
-  .quicklink-text {
-    padding: 10%;
-    height: 20vw;
-    font-size: 100%;
-  }
-  .quicklink-spacer {
-    margin-right: 3%;
+    max-width: 95%;
+    min-width: 0;
+    padding: 5vh 4%;
   }
-  div.logo {
-    width: 20%;
-  }
-  div.logo.kcl-logo img {
-    width: 80%;
+  .home-hero .info-box a button {
+    font-size: 16px;
+    padding: 0.6em 1em;
   }
-  div.logo img {
-    width: 80%;
-    height: auto;
+  .home-section {
     display: block;
-    margin: auto;
-  }
-  .footer-credits {
-    font-size: 80%;
-  }
-}
-@media only screen and (min-width: 1601px) {
-  .quicklink-text {
-    font-size: 120%;
-  }
-}
-@media only screen and (min-width: 1201px) {
-  .home-hero {
-    width: auto;
-    background: url("../img/homepage-hero-1920.jpg") lightgray -0.36px 0px/100.056% 121.087% no-repeat;
-    background-size: cover;
-    min-height: 40vw;
-    align-items: center;
-    justify-content: center;
   }
-  .quicklink-text {
-    padding: 10%;
-    height: 10vw;
-  }
-  .quicklink-spacer {
-    margin-right: 5%;
-  }
-}
-@media only screen and (max-width: 600px) {
-  .home-hero {
-    width: auto;
-    background: url("../img/homepage-hero-600.jpg") lightgray -0.36px 0px/100.056% 121.087% no-repeat;
-    background-size: cover;
-    min-height: 30vw;
-    display: flex;
-    align-items: center;
+  .home-section .card {
+    width: 95%;
+    margin: 4% auto;
+    font-size: 16px;
+    padding: 5vh 2%;
   }
-  .info-box {
-    line-height: 150%;
-    font-size: 14px;
+  .home-section .card a button {
+    font-size: 16px;
+    padding: 0.6em 1em;
+    margin-top: 5vh;
   }
   a#sitetitle {
     padding-left: 1%;
diff --git a/index.html b/index.html
index 3b006375..94dba2e8 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>Treatied Spaces | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/resources/index.html b/resources/index.html
index ba9ecb25..a450a868 100644
--- a/resources/index.html
+++ b/resources/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>Resources | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/stories/homelands/index.html b/stories/homelands/index.html
index 9c199470..eeb26109 100644
--- a/stories/homelands/index.html
+++ b/stories/homelands/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/stories/index.html b/stories/index.html
index b6ac448f..4b992a50 100644
--- a/stories/index.html
+++ b/stories/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>Stories Introduction | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/stories/introduction/index.html b/stories/introduction/index.html
index 92bb2f1b..13af26e9 100644
--- a/stories/introduction/index.html
+++ b/stories/introduction/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/stories/lines/index.html b/stories/lines/index.html
index fbccf1dd..89da03fc 100644
--- a/stories/lines/index.html
+++ b/stories/lines/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/stories/overview/index.html b/stories/overview/index.html
index 123adef9..9f3bf696 100644
--- a/stories/overview/index.html
+++ b/stories/overview/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/stories/pathways/index.html b/stories/pathways/index.html
index a1b82e3e..446298c9 100644
--- a/stories/pathways/index.html
+++ b/stories/pathways/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
diff --git a/stories/villagers_settlers/index.html b/stories/villagers_settlers/index.html
index 59bba1ba..51631834 100644
--- a/stories/villagers_settlers/index.html
+++ b/stories/villagers_settlers/index.html
@@ -1,7 +1,7 @@
 <html lang="en-GB">
 <head>
     <meta charset="utf-8">
-    <!-- Built with 11ty - 2024-10-11 16:34 -->
+    <!-- Built with 11ty - 2024-10-11 17:44 -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="author" content="King's Digital Lab, King's College London">
     <meta name="description" content="">
@@ -13,10 +13,10 @@
 
     <title>BCC | BCC - Treatied Spaces</title>
 
-    <link rel="stylesheet" href="/assets/css/style.css?ts=1728664442">
+    <link rel="stylesheet" href="/assets/css/style.css?ts=1728668654">
     <link rel="stylesheet" href="/assets/node_modules/leaflet/dist/leaflet.css"/>
     <link rel="stylesheet" href="/assets/node_modules/leaflet-dvf/dist/css/dvf.css"/>
-    <script src="/assets/js/navbar-toggle.js?ts=1728664442"></script>
+    <script src="/assets/js/navbar-toggle.js?ts=1728668654"></script>
 
     <style>
 
