Changed primary menu order

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

public/css/style.css

@@ -31,10 +31,14 @@ body {
 }
 
 @media (min-width: 768px) {
-  .grey_background {
+  .grey_background:not(.site_container) {
     background-color: #f9f9f9;
   }
 }
+.page {
+  padding-top: 20px;
+}
+
 .content_container {
   padding-right: 50px;
 }
@@ -163,10 +167,10 @@ div.pp_default .pp_close:hover {
 }
 .header .logo {
   float: left;
-  margin-top: 18px;
+  margin-top: 10px;
 }
 .header .logo img {
-  height: 75px;
+  height: 95px;
 }
 .header .advertisement {
   float: right;
@@ -198,7 +202,6 @@ div.pp_default .pp_close:hover {
 @media (min-width: 767px) {
   .menu_container {
     height: 75px;
-    margin-bottom: 20px;
     background-image: linear-gradient(to right, #0102b0, #4090e3);
   }
 }
@@ -577,8 +580,18 @@ div.pp_default .pp_close:hover {
 }
 
 .slogan {
-  width: 150px;
-  margin: 12px 0;
+  width: 190px;
+  margin: 8px 0;
+}
+
+.grey_background nav > div {
+  background: #f9f9f9;
+}
+.grey_background .menu > li a {
+  background: #f9f9f9;
+}
+.grey_background .menu > li:last-child:after {
+  background: #f9f9f9;
 }
 
 .header .now-playing-header {