diff --git a/source/css/utilities.css b/source/css/utilities.css
index cc91bbc..ddcb8c0 100644
--- a/source/css/utilities.css
+++ b/source/css/utilities.css
@@ -7,8 +7,14 @@
 .flex-col { flex-direction: column; }
 .font-bold { font-weight: bold; }
 .h-full { height: 100%; }
+.items-center { align-items: center }
 .justify-between { justify-content: space-between; }
+.justify-center { justify-content: center; }
+.mb-0 { margin-bottom: 0 !important; }
+.mx-4 { margin-left: 1rem; margin-right: 1rem; }
 .p-4 { padding: 1rem; }
+.px-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
+.py-16 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
 .text-center { text-align: center; }
 .text-lg { font-size: 1.2rem; }
 .text-white { color: #FFFFFF; }
diff --git a/source/index.html.twig b/source/index.html.twig
index b4b57b8..88d9bb5 100644
--- a/source/index.html.twig
+++ b/source/index.html.twig
@@ -42,30 +42,35 @@ layout: default
                 </nav>
             </div>
         </header>
-        <div>
-            <div class="region region-featured">
-                <div id="block-homepagehero" class="block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
-                    <img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
+
+        <div class="flex flex-col flex-1 justify-center items-center bg-balloon bg-center bg-cover">
+            <div class="region">
+                <div id="block-homepagehero" class="px-12 py-16 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
+                    <div class="mx-4">
+                        <img src="/themes/dcb2017/logo.svg" alt="Drupalcamp Bristol logo" />
+                    </div>
                     <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
                         <p>DrupalCamp Bristol is returning in 2019.</p>
-                        <p>Details coming soon!</p>
+                        <p class="mb-0">Details coming soon!</p>
                     </div>
                 </div>
-                <div class="bg-black font-bold text-lg text-white text-center p-4 uppercase">
-                    Thanks to all previous speakers, sponsors and attendees. See you in 2019!
-                </div>
             </div>
         </div>
 
-        <footer role="contentinfo" class="bg-balloon bg-center bg-cover">
-            <div class="region region-footer">
-                <div id="block-footerinfo" class="block block-block-content block-block-content1df4705d-991d-45d4-8c83-fa337eec6a69">
-                    <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
-                        <p><span>DrupalCamp Bristol is a non-profit event brought to you by a team of volunteers from the<span> </span></span><a href="https://www.drupalbristol.co.uk">Bristol Drupal community</a></p>
+        <div>
+            <div class="bg-black font-bold text-lg text-white text-center p-4 uppercase">
+                Thanks to all previous speakers, sponsors and attendees. See you in 2019!
+            </div>
+            <footer role="contentinfo" class="bg-balloon bg-center bg-cover">
+                <div class="region region-footer">
+                    <div id="block-footerinfo" class="block block-block-content block-block-content1df4705d-991d-45d4-8c83-fa337eec6a69">
+                        <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
+                            <p><span>DrupalCamp Bristol is a non-profit event brought to you by a team of volunteers from the<span> </span></span><a href="https://www.drupalbristol.co.uk">Bristol Drupal community</a></p>
+                        </div>
                     </div>
                 </div>
-            </div>
-        </footer>
+            </footer>
+        </div>
     </div>
 </body>
 </html>