diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
index d3a2b81..71b79c1 100644
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -7,6 +7,8 @@
         <meta name="csrf-token" content="{{ csrf_token() }}">
         <title>Hack Store - @yield('title')</title>
 
+        <script src="//{{ Request::getHost() }}:6001/socket.io/socket.io.js"></script>
+
         <link type="text/css" rel="stylesheet" href="/css/app.css" />
         <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
         <style>
@@ -17,6 +19,106 @@
             #toast-container>div {
                 opacity: 1 !important;
             }
+
+            .masthead {
+                background: url('/assets/images/hero.jpeg') fixed no-repeat bottom center !important;
+            }
+
+            .shadowed {
+                background: rgba(0, 0, 0, 0.5);
+                color: #fff !important;
+            }
+
+            .masthead.segment {
+                min-height: 500px;
+                padding: 1em 0em;
+            }
+
+            .masthead .logo.item img {
+                margin-right: 1em;
+            }
+
+            .masthead .ui.menu .ui.button {
+                margin-left: 0.5em;
+            }
+
+            .masthead h1.ui.header {
+                margin-top: 3em;
+                margin-bottom: 0em;
+                font-size: 4em;
+                font-weight: normal;
+            }
+
+            .masthead h2 {
+                font-size: 1.7em;
+                font-weight: normal;
+            }
+
+            .ui.vertical.stripe {
+                padding: 8em 0em;
+            }
+
+            .ui.vertical.stripe h3 {
+                font-size: 2em;
+            }
+
+            .ui.vertical.stripe .button+h3,
+            .ui.vertical.stripe p+h3 {
+                margin-top: 3em;
+            }
+
+            .ui.vertical.stripe .floated.image {
+                clear: both;
+            }
+
+            .ui.vertical.stripe p {
+                font-size: 1.33em;
+            }
+
+            .ui.vertical.stripe .horizontal.divider {
+                margin: 3em 0em;
+            }
+
+            .quote.stripe.segment {
+                padding: 0em;
+            }
+
+            .quote.stripe.segment .grid .column {
+                padding-top: 5em;
+                padding-bottom: 5em;
+            }
+
+            .footer.segment {
+                padding: 5em 0em;
+            }
+
+            .secondary.pointing.menu .toc.item {
+                display: none;
+            }
+
+            @media only screen and (max-width: 700px) {
+                .ui.fixed.menu {
+                    display: none !important;
+                }
+                .secondary.pointing.menu .item,
+                .secondary.pointing.menu .menu {
+                    display: none;
+                }
+                .secondary.pointing.menu .toc.item {
+                    display: block;
+                }
+                .masthead.segment {
+                    min-height: 350px;
+                }
+                .masthead h1.ui.header {
+                    font-size: 2em;
+                    margin-top: 1.5em;
+                }
+                .masthead h2 {
+                    margin-top: 0.5em;
+                    font-size: 1.5em;
+                }
+            }
         </style>
     </head>