diff --git a/source/index.html.twig b/source/index.html.twig
index cc1f4e2..5d28d05 100644
--- a/source/index.html.twig
+++ b/source/index.html.twig
@@ -2,7 +2,7 @@
 layout: default
 ---
 <!DOCTYPE html>
-<html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
+<html class="h-full" lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
 <head>
     <meta charset="utf-8" />
     <meta name="Generator" content="Drupal 8 (https://www.drupal.org)" />
@@ -13,17 +13,18 @@ layout: default
     <title>DrupalCamp Bristol 2017</title>
     <link rel="stylesheet" href="/sites/default/files/css/css_3lBjB9LxWGvT5F_MnCGazkuov6eT9QNhKr0hGqtNWTk.css?osicsv" media="all" />
     <link rel="stylesheet" href="/sites/default/files/css/css_Vn8-2iqzJuEPqXgw0OVLQPx82pcc6QVkRoP0hW2MEWs.css?osicsv" media="all" />
+    <link rel="stylesheet" href="/css/utilities.css" media="all" />
     <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Poppins:400,600,700" media="all" />
     <!--[if lte IE 8]>
 <script src="/sites/default/files/js/js_VtafjXmRvoUgAzqzYTA3Wrjkx9wcWhjP0G4ZnnqRamA.js"></script>
 <![endif]-->
 </head>
 
-<body class="path-frontpage">
+<body class="path-frontpage h-full">
     <a href="#main-content" class="visually-hidden focusable skip-link">
       Skip to main content
     </a>
-    <div class="layout-container">
+    <div class="layout-container h-full flex flex-col justify-between">
         <header role="banner">
             <div class="region region-header">
                 <div id="block-dcb2017-branding" class="block block-system block-system-branding-block">
@@ -41,8 +42,8 @@ layout: default
                 </nav>
             </div>
         </header>
-        <div class="layout-featured">
-            <div class="region region-featured">
+        <div class="layout-featured flex flex-col flex-1">
+            <div class="region region-featured flex flex-col flex-1 justify-between">
                 <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="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
