diff --git a/source/_includes/banner.html.twig b/source/_includes/banner.html.twig
index 7877d42..9e7f1fa 100644
--- a/source/_includes/banner.html.twig
+++ b/source/_includes/banner.html.twig
@@ -8,10 +8,10 @@
 
         <nav role="navigation" aria-labelledby="block-dcb2017-main-menu-menu" id="block-dcb2017-main-menu" class="block block-menu navigation menu--main">
             <h2 class="visually-hidden" id="block-dcb2017-main-menu-menu">Main navigation</h2>
-            <ul class="menu">
-                <li class="menu-item"><a href="{{ site.eventbrite.url }}">Tickets</a></li>
-                <li class="menu-item"><a href="{{ site.papercall.url }}">Submit a session</a></li>
-                <li class="menu-item"><a href="/sponsor-us">Sponsor us</a></li>
+            <ul class="tw-list-reset tw-flex tw-flex-wrap tw-justify-center tw--ml-8">
+                <li class="tw-mb-2 tw-mx-4 md:tw-m-0 md:tw-ml-8"><a class="tw-uppercase tw-text-black tw-no-underline hocus:tw-text-green-600" href="{{ site.eventbrite.url }}">Tickets</a></li>
+                <li class="tw-mb-2 tw-mx-4 md:tw-m-0 md:tw-ml-8"><a class="tw-uppercase tw-text-black tw-no-underline hocus:tw-text-green-600" href="{{ site.papercall.url }}">Submit a session</a></li>
+                <li class="tw-mb-2 tw-mx-4 md:tw-m-0 md:tw-ml-8"><a class="tw-uppercase tw-text-black tw-no-underline hocus:tw-text-green-600" href="/sponsor-us">Sponsor us</a></li>
             </ul>
         </nav>
     </div>