diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig
index 7849642..900fb15 100644
--- a/source/_layouts/default.html.twig
+++ b/source/_layouts/default.html.twig
@@ -7,34 +7,36 @@
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     </head>
     <body class="text-black bg-grey-lightest font-sans">
-        <div class="bg-grey-darkest text-white antialiased block pt-4 pb-10">
-            <div class="container mx-auto px-4">
-                <div class="text-center text-4xl">
-                    <img src="/assets/images/logo.png" alt="" class="w-24 mb-4">
-                    <p class="uppercase font-bold tracking-wide mb-2">Chris Rees Academy</p>
-                    <p class="uppercase font-bold tracking-wide text-5xl">Cardiff</p>
+        <div id="root">
+            <div class="bg-grey-darkest text-white antialiased block pt-4 pb-10">
+                <div class="container mx-auto px-4">
+                    <div class="text-center text-4xl">
+                        <img src="/assets/images/logo.png" alt="" class="w-24 mb-4">
+                        <p class="uppercase font-bold tracking-wide mb-2">Chris Rees Academy</p>
+                        <p class="uppercase font-bold tracking-wide text-5xl">Cardiff</p>
+                    </div>
                 </div>
             </div>
-        </div>
 
-        <div class="bg-red text-white">
-            <div class="container mx-auto">
-                <nav class="sm:flex sm:justify-center text-center">
-                    <a href="/" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '//' ? 'text-green' }}">Coaches</a>
-                    <a href="/schedule" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/schedule' ? 'text-green' }}">Schedule</a>
-                    <a href="/membership" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/membership' ? 'text-green' }}">Membership</a>
-                    <a href="/contact" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/contact' ? 'text-green' }}">Contact</a>
-                </nav>
+            <div class="bg-red text-white">
+                <div class="container mx-auto">
+                    <nav class="sm:flex sm:justify-center text-center">
+                        <a href="/" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '//' ? 'text-green' }}">Coaches</a>
+                        <a href="/schedule" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/schedule' ? 'text-green' }}">Schedule</a>
+                        <a href="/membership" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/membership' ? 'text-green' }}">Membership</a>
+                        <a href="/contact" class="md:text-lg block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/contact' ? 'text-green' }}">Contact</a>
+                    </nav>
+                </div>
             </div>
-        </div>
 
-        <div class="container mx-auto px-4">
-            <div class="leading-normal pt-16 pb-24">
-                <h1 class="uppercase text-red text-center mb-12 text-bold tracking-wide">
-                    {{ page.title }}
-                </h1>
+            <div class="container mx-auto px-4">
+                <div class="leading-normal pt-16 pb-24">
+                    <h1 class="uppercase text-red text-center mb-12 text-bold tracking-wide">
+                        {{ page.title }}
+                    </h1>
 
-                {% block content %}{% endblock %}
+                    {% block content %}{% endblock %}
+                </div>
             </div>
         </div>
     </body>
