diff --git a/_layouts/service.html b/_layouts/service.html
index e784a78..b3c9368 100644
--- a/_layouts/service.html
+++ b/_layouts/service.html
@@ -6,25 +6,26 @@
   <body>
     {% include header.html %}
 
-    <section>
-      <h1>Coops that offer <span>{{ page.name }}</span></h1>
-      {% if page.description %}
-      <p>{{ page.description }}</p>
-      {% endif %}
-    </section>
+    <div class="default-wrapper">
+      <section class="page-heading">
+        <h2>Coops that offer <span>{{ page.name }}</span></h2>
+        {% if page.description %}
+        <p>{{ page.description }}</p>
+        {% endif %}
+      </section>
 
-    <section>
-      {% for coop in site.coops %}
-      {% if coop.services contains page.slug %}
-      <div>
-        <a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
-          <img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
+      <div class="logo-grid">
+        {% for coop in site.coops %}
+        {% if coop.services contains page.slug %}
+        <a class="logo-grid_link" href="{{ coop.url | relative_url }}">
+          <div class="logo-grid_item">
+            <img class="logo-grid_img" src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" />
+          </div>
         </a>
+        {% endif %}
+        {% endfor %}
       </div>
-      {% endif %}
-      {% endfor %}
-    </section>
-
+    </div>
     {% include footer.html %}
   </body>
 </html>
diff --git a/_layouts/technology.html b/_layouts/technology.html
index 7a6af0d..00e4502 100644
--- a/_layouts/technology.html
+++ b/_layouts/technology.html
@@ -6,25 +6,26 @@
 <body>
   {% include header.html %}
 
-  <section>
-    <h1>Coops that use <span>{{ page.name }}</span></h1>
-    {% if page.description %}
-    <p>{{ page.description }}</p>
-    {% endif %}
-  </section>
+  <div class="default-wrapper">
+    <section class="page-heading">
+      <h2>Coops that use <span>{{ page.name }}</span></h2>
+      {% if page.description %}
+      <p>{{ page.description }}</p>
+      {% endif %}
+    </section>
 
-  <section>
-    {% for coop in site.coops %}
-    {% if coop.technologies contains page.slug %}
-    <div>
-      <a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
-        <img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
+    <div class="logo-grid">
+      {% for coop in site.coops %}
+      {% if coop.technologies contains page.slug %}
+      <a class="logo-grid_link" href="{{ coop.url | relative_url }}">
+        <div class="logo-grid_item">
+          <img class="logo-grid_img" src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" />
+        </div>
       </a>
+      {% endif %}
+      {% endfor %}
     </div>
-    {% endif %}
-    {% endfor %}
-  </section>
-
+  </div>
   {% include footer.html %}
 </body>
 
diff --git a/assets/css/app.css b/assets/css/app.css
index f6ef746..0f36eaf 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -45,18 +45,27 @@ h1, h2, h3, h4, h5, h6 {
   display: flex;
   flex-direction: column;
   align-items: center;
+  gap: var(--space-lg);
+  margin-bottom: var(--space-lg);
 }
 
 .page-heading {
   display: flex;
-  justify-content: center;
-  padding: 1rem;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-md);
+  padding: var(--space-md);
+  text-align: center;
 }
 
 .page-heading h1 {
   font-size: 2.5rem;
 }
 
+.page-heading p {
+  max-width: 60ch;
+}
+
 section.content {
   padding: var(--space-sm);
   max-width: 900px;
