Changed primary menu order

Increase size logo and slogan
Align menu item in bar better
Fix: grey background in menu

resources/assets/sass/base/_container.scss

@@ -20,10 +20,13 @@ body {
   @include container;
 }
 @media (min-width: 768px) {
-  .grey_background {
-    background-color: #f9f9f9;
+  .grey_background:not(.site_container) {
+    background-color: $container-bg;
   }
 }
+.page {
+  padding-top: 20px;
+}
 .content_container {
   padding-right: 50px;
 }

resources/assets/sass/components/_header.scss

@@ -2,9 +2,9 @@
   height: 111px;
   .logo {
     float: left;
-    margin-top: 18px;
+    margin-top: 10px;
     img {
-      height: 75px;
+      height: 95px;
     }
   }
   .advertisement {

resources/assets/sass/components/_menu.scss

@@ -4,7 +4,6 @@
 .menu_container {
   @media (min-width: 767px) {
     height: 75px;
-    margin-bottom: 20px;
     background-image: linear-gradient(to right, #0102b0, #4090e3);
   }
 
@@ -412,6 +411,28 @@
 }
 
 .slogan {
-  width: 150px;
-  margin: 12px 0;
+  width: 190px;
+  margin: 8px 0;
+}
+
+.grey_background {
+  nav {
+    > div {
+      background: $container-bg;
+    }
+  }
+
+  .menu {
+    > li {
+      a {
+        background: $container-bg;
+      }
+
+      &:last-child {
+        &:after {
+          background: $container-bg;
+        }
+      }
+    }
+  }
 }