diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
new file mode 100644
index 0000000..4e0c95b
--- /dev/null
+++ b/docs/_includes/footer.html
@@ -0,0 +1,30 @@
+<footer class="site-footer h-card">
+  <data class="u-url" href="{{ '/' | relative_url }}"></data>
+
+  <div class="wrapper">
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col">
+      {%- if site.author %}
+        <ul class="contact-list">
+          {% if site.author.name -%}
+            <li class="p-name">{{ site.author.name | escape }}</li>
+          {% endif -%}
+          {% if site.author.email -%}
+            <li><a class="u-email" href="mailto:{{ site.author.email }}">{{ site.author.email }}</a></li>
+          {%- endif %}
+        </ul>
+      {%- endif %}
+      </div>
+      <div class="footer-col">
+        <p>{{ site.description | escape }}</p>
+      </div>
+    </div>
+
+    <div class="social-links">
+      {%- include social.html -%}
+    </div>
+
+  </div>
+
+</footer>
diff --git a/docs/_includes/head.html b/docs/_includes/head.html
new file mode 100644
index 0000000..29f2ae6
--- /dev/null
+++ b/docs/_includes/head.html
@@ -0,0 +1,14 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  {%- seo -%}
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css">
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
+  {%- if jekyll.environment == 'production' and site.google_analytics -%}
+    {%- include google-analytics.html -%}
+  {%- endif -%}
+
+  {%- include custom-head.html -%}
+
+</head>
\ No newline at end of file
diff --git a/docs_in/index.md.in b/docs_in/index.md.in
index 4828b63..a20e3b6 100644
--- a/docs_in/index.md.in
+++ b/docs_in/index.md.in
@@ -6,19 +6,61 @@ layout: default
 
 <!-- Do NOT edit this file. It is automatically generated from the index.md.in and reagent_resources.csv files. -->
 
-<table style="margin-left: auto;margin-right: auto; border: 2px solid purple; border-radius: 20px;">
+<style>
+  .kb-stats {
+    width: min(100%, 900px);
+    margin: 1rem auto;
+    border: 2px solid purple;
+    border-radius: 20px;
+    table-layout: fixed;
+  }
+
+  .kb-stats td {
+    text-align: center;
+    vertical-align: middle;
+    padding: 0.4rem 0.25rem;
+  }
+
+  .kb-stats p {
+    margin: 0.2rem 0;
+    font-family: Verdana, sans-serif;
+    line-height: 1.2;
+  }
+
+  .kb-stats .value {
+    font-size: clamp(1.1rem, 5.5vw, 2rem);
+    font-weight: 700;
+  }
+
+  .kb-stats .label {
+    font-size: clamp(0.75rem, 2.8vw, 1.3rem);
+  }
+
+  @media (max-width: 480px) {
+    .kb-stats td {
+      padding: 0.3rem 0.15rem;
+    }
+
+    .kb-stats .label {
+      word-break: normal;
+      overflow-wrap: anywhere;
+    }
+  }
+</style>
+
+<table class="kb-stats">
     <tbody>
         <tr>
-            <td style="text-align:center;"><p style="font-family:verdana;font-size:xx-large">{number_of_contributors}</p></td>
-            <td style="text-align:center"><p style="font-family:verdana;font-size:xx-large">{number_of_validated_reagents}</p></td>
-            <td style="text-align:center"><p style="font-family:verdana;font-size:xx-large">{number_of_fluorescent_probes}</p></td>
-            <td style="text-align:center"><p style="font-family:verdana;font-size:xx-large">{number_of_tissues}</p></td>
+            <td><p class="value">{number_of_contributors}</p></td>
+            <td><p class="value">{number_of_validated_reagents}</p></td>
+            <td><p class="value">{number_of_fluorescent_probes}</p></td>
+            <td><p class="value">{number_of_tissues}</p></td>
         </tr>
         <tr>
-            <td style="text-align:center;vertical-align: middle"><p style="font-family:verdana;font-size:x-large">Contributors</p></td>
-            <td style="text-align:center;vertical-align: middle"><p style="font-family:verdana;font-size:x-large">Community Validated<br>Reagents</p></td>
-            <td style="text-align:center;vertical-align: middle"><a href="https://ibeximagingcommunity.github.io/ibex_imaging_knowledge_base/fluorescent_probes.html"><p style="font-family:verdana;font-size:x-large">Fluorescent Probes<br>Tested</p></a></td>
-            <td style="text-align:center;vertical-align: middle"><p style="font-family:verdana;font-size:x-large">Tissues</p></td>
+            <td><p class="label">Contributors</p></td>
+            <td><p class="label">Community Validated<br>Reagents</p></td>
+            <td><a href="https://ibeximagingcommunity.github.io/ibex_imaging_knowledge_base/fluorescent_probes.html"><p class="label">Fluorescent Probes<br>Tested</p></a></td>
+            <td><p class="label">Tissues</p></td>
         </tr>
     </tbody>
 </table>

{number_of_contributors}	{number_of_validated_reagents}	{number_of_fluorescent_probes}	{number_of_tissues}	{number_of_contributors}	{number_of_validated_reagents}	{number_of_fluorescent_probes}	{number_of_tissues}
Contributors	Community Validated Reagents	Fluorescent Probes Tested	Tissues	Contributors	Community Validated Reagents	Fluorescent Probes Tested	Tissues