diff --git a/frontend/_public/src/less/_modules/header.less b/frontend/_public/src/less/_modules/header.less
index e93fc32..d52199c 100644
--- a/frontend/_public/src/less/_modules/header.less
+++ b/frontend/_public/src/less/_modules/header.less
@@ -2,4 +2,25 @@
 
 .header-main {
   background: @brand-primary;
-}
\ No newline at end of file
+  > div {
+    background: @brand-primary; }
+  .header--navigation {
+    min-height: 80px!important;
+    .logo--shop {
+      a {
+        img {
+          min-height: 60px; } } } } }
+
+.navigation--list-wrapper {
+  padding: 0;
+  text-align: center;
+  .navigation--list{
+    width: auto;
+    display: inline-block;
+    .is--home{
+      display: none; }
+    li {
+      a {
+        span{
+          text-transform: uppercase;
+          font-weight: 700; } } } } }
\ No newline at end of file
diff --git a/frontend/_public/src/less/_modules/page.less b/frontend/_public/src/less/_modules/page.less
new file mode 100644
index 0000000..9b84494
--- /dev/null
+++ b/frontend/_public/src/less/_modules/page.less
@@ -0,0 +1,9 @@
+.container {
+  width: 100%;
+}
+@media (min-width: 48em) {
+  .container {
+    max-width: calc(~"100% - 24em");
+    margin: 0 12em;
+  }
+}
\ No newline at end of file
diff --git a/frontend/_public/src/less/all.less b/frontend/_public/src/less/all.less
index bab20c5..de7a880 100644
--- a/frontend/_public/src/less/all.less
+++ b/frontend/_public/src/less/all.less
@@ -1,3 +1,4 @@
+@import "_modules/page";
 //@import "_modules/account";
 //@import "_modules/cart";
 //@import "_modules/confirm";
diff --git a/frontend/index/topbar-navigation.tpl b/frontend/index/topbar-navigation.tpl
new file mode 100644
index 0000000..5dcf6da
--- /dev/null
+++ b/frontend/index/topbar-navigation.tpl
@@ -0,0 +1,35 @@
+{extends file="parent:frontend/index/topbar-navigation.tpl"}
+
+{* Top bar main *}
+{block name="frontend_index_top_bar_main"}
+    <div class="top-bar">
+
+        {* Top bar main container *}
+        {block name="frontend_index_top_bar_main_container"}
+            <div class="container block-group">
+
+                {* Top bar navigation *}
+                {block name="frontend_index_top_bar_nav"}
+                    <nav class="top-bar--navigation block" role="menubar">
+
+                        {action module=widgets controller=index action=shopMenu}
+
+                        {* Article Compare *}
+                        {block name='frontend_index_navigation_inline'}
+                            {if {config name="compareShow"}}
+                                <div class="navigation--entry entry--compare is--hidden" role="menuitem" aria-haspopup="true" data-drop-down-menu="true">
+                                    {block name='frontend_index_navigation_compare'}
+                                        {action module=widgets controller=compare}
+                                    {/block}
+                                </div>
+                            {/if}
+                        {/block}
+
+                        {* Service / Support drop down *}
+                        {block name="frontend_index_checkout_actions_service_menu"}{/block}
+                    </nav>
+                {/block}
+            </div>
+        {/block}
+    </div>
+{/block}