diff --git a/source/index.html.twig b/source/index.html.twig
index d34121671..e9b7176a2 100644
--- a/source/index.html.twig
+++ b/source/index.html.twig
@@ -24,7 +24,7 @@ layout: default
     <a href="#main-content" class="visually-hidden focusable skip-link">
       Skip to main content
     </a>
-    <div class="tw-h-full tw-flex tw-flex-col tw-justify-between">
+    <div class="tw-h-full">
         <header role="banner">
             <div class="region region-header">
                 <div id="block-dcb2017-branding" class="block block-system block-system-branding-block">
@@ -43,9 +43,9 @@ layout: default
             </div>
         </header>
 
-        <div class="tw-flex tw-flex-col tw-flex-1 tw-justify-center tw-items-center tw-bg-balloon tw-bg-center tw-bg-cover">
-            <div class="region">
-                <div id="block-homepagehero" class="tw-px-12 tw-py-16 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
+        <div class="tw-flex tw-flex-col tw-flex-1 tw-bg-balloon tw-bg-center tw-bg-cover">
+            <div class="region tw-px-12 tw-my-16 lg:tw-my-32">
+                <div id="block-homepagehero" class="tw-my-6 md:tw-py-16 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
                     <div class="tw-mx-4">
                         <img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
                     </div>
diff --git a/tailwind.js b/tailwind.js
index 20de886a7..5d540c6f9 100644
--- a/tailwind.js
+++ b/tailwind.js
@@ -712,6 +712,7 @@ module.exports = {
     '20': '5rem',
     '24': '6rem',
     '32': '8rem',
+    '64': '16rem',
   },