diff --git a/.gitignore b/.gitignore
index fd24942..623a515 100644
--- a/.gitignore
+++ b/.gitignore
@@ -24,3 +24,5 @@ _gen
 *.njsproj
 *.sln
 *.sw?
+
+.hugo_build.lock
diff --git a/assets/css/contact.scss b/assets/css/contact.scss
index 7e1e631..b192cdb 100644
--- a/assets/css/contact.scss
+++ b/assets/css/contact.scss
@@ -51,6 +51,10 @@
   align-items: center;
   flex-direction: column;
   padding: 0 20px;
+
+  @media (max-width: v.$bp_mobile) {
+    padding: 0;
+  }
 }
 
 .contact-method__name {
diff --git a/assets/css/datapage.scss b/assets/css/datapage.scss
new file mode 100644
index 0000000..8083528
--- /dev/null
+++ b/assets/css/datapage.scss
@@ -0,0 +1,47 @@
+@use "hugo:vars" as v;
+
+
+@media(min-width: v.$bp_mobile) {
+  .datapage {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+  }
+
+  .datapage__content {
+    order: 1;
+  }
+
+  .datapage__data {
+    order: 2;
+    min-width: 350px;
+  }
+
+  .datapage__datacard {
+    background-color: white;
+    box-shadow: 0 1.5rem 4rem rgba(22,28,45,0.05) !important;
+    padding: 1.5rem;
+  }
+}
+
+.datapage__datacard {
+  address {
+    white-space: preserve-breaks;
+    font-style: normal;
+  }
+
+  h3 {
+    font-weight: 600;
+  }
+
+  h4 {
+    color: v.$color_tertiary;
+    font-variant: small-caps;
+  }
+}
+
+.datapage__content {
+  img {
+    max-width: 100%;
+  }
+}
\ No newline at end of file
diff --git a/assets/css/flex-section.scss b/assets/css/flex-section.scss
index 7ab60c4..906da23 100644
--- a/assets/css/flex-section.scss
+++ b/assets/css/flex-section.scss
@@ -2,6 +2,11 @@
 
 .flex-section {
   margin: 48px 95px;
+
+  @media (max-width: v.$bp_mobile) {
+    margin-left: 0;
+    margin-right: 0;
+  }
 }
 
 .flex-section__title {
diff --git a/assets/css/full-section.scss b/assets/css/full-section.scss
index 7e248c2..168d0ba 100644
--- a/assets/css/full-section.scss
+++ b/assets/css/full-section.scss
@@ -10,6 +10,10 @@
     box-sizing: border-box;
     max-width: v.$max_content_width;
   }
+
+  @media (max-width: v.$bp_mobile) {
+    padding: 10px 20px;
+  }
 }
 
 .full-section__content {
diff --git a/assets/css/half-section.scss b/assets/css/half-section.scss
index b8db7e3..79ce08b 100644
--- a/assets/css/half-section.scss
+++ b/assets/css/half-section.scss
@@ -5,11 +5,16 @@
   display: flex;
   justify-content: center;
 
-  &>div {
-    flex: 0 0 50%;
+  & > div {
     box-sizing: border-box;
     max-width: calc(v.$max_content_width / 2);
   }
+
+  @media (min-width: v.$bp_mobile) {
+    & > div {
+      flex: 0 0 50%;
+    }
+  }
 }
 
 .half-section__content {
diff --git a/assets/css/team.scss b/assets/css/team.scss
index 02c6565..ee5d4b9 100644
--- a/assets/css/team.scss
+++ b/assets/css/team.scss
@@ -9,6 +9,10 @@
   flex-direction: column;
   padding: 0 20px;
   margin-bottom: 2rem;
+
+  @media (max-width: v.$bp_mobile) {
+    padding: 0;
+  }
 }
 
 .team-member__photo {
diff --git a/content/_index.md b/example/content/_index.md
similarity index 100%
rename from content/_index.md
rename to example/content/_index.md
diff --git a/content/posts/_index.md b/example/content/posts/_index.md
similarity index 100%
rename from content/posts/_index.md
rename to example/content/posts/_index.md
diff --git a/content/posts/post-1.md b/example/content/posts/post-1.md
similarity index 100%
rename from content/posts/post-1.md
rename to example/content/posts/post-1.md
diff --git a/content/posts/post-2.md b/example/content/posts/post-2.md
similarity index 100%
rename from content/posts/post-2.md
rename to example/content/posts/post-2.md
diff --git a/content/posts/post-3/bryce-canyon.jpg b/example/content/posts/post-3/bryce-canyon.jpg
similarity index 100%
rename from content/posts/post-3/bryce-canyon.jpg
rename to example/content/posts/post-3/bryce-canyon.jpg
diff --git a/content/posts/post-3/index.md b/example/content/posts/post-3/index.md
similarity index 100%
rename from content/posts/post-3/index.md
rename to example/content/posts/post-3/index.md
diff --git a/layouts/gln.html b/layouts/gln.html
new file mode 100644
index 0000000..1f72f2b
--- /dev/null
+++ b/layouts/gln.html
@@ -0,0 +1,39 @@
+{{ define "main" }}
+
+  <h1 class="page__title">{{ .Title }}</h1>
+
+  {{ $dateMachine := .Lastmod | time.Format "2006-01-02T15:04:05-07:00" }}
+  {{ $dateHuman := .Lastmod | time.Format ":date_long" }}
+  <div class="page__date">
+    {{ T "Updated" }}
+    <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+  </div>
+<div class="datapage">
+  <div class="datapage__data">
+    <div class="datapage__datacard">
+      <h3>{{ T "Location Details" }}</h3>
+      <h4>{{ T "Address" }}</h4>
+      <address>{{ .Params.address }}</address>
+      <h4>
+        {{ T "Telephone" }}
+      </h4>
+      <p>
+        <a href="tel:{{ .Params.telephone }}">{{ .Params.telephone }}</a>
+      </p>
+      <h4 class="fw-bold text-uppercase text-gray-700 mb-2">
+        GLN
+      </h4>
+      <p>
+        {{ with resources.Get (printf "/images/gln/%s.png" .Params.gln) }}
+          <img src="{{ .RelPermalink }}" alt="{{ .Params.gln }}" style="width: 100%;">
+        {{ end }}
+      </p>
+    </div>
+  </div>
+  <div class="datapage__content">
+
+    {{ .Content }}
+    {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
+  </div>
+</div>
+{{ end }}