Align event date, logo and h1

_sass/_layout.scss

@@ -12,7 +12,7 @@ body {
 }
 
 h1 {
-  padding-left: 160px;
+  padding-left: 138px;
   padding-bottom: 20px;
   color: $nav-link-color;
 }
@@ -28,13 +28,23 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
 }
 
 .content {
-  padding-top: 90px;
+  padding-top: 60px;
   padding-left: 0;
   padding-right: 0;
   background: $primary-bg url('/img/logowall_opt.svg') center top;
   background-size: 300px;
 }
 
+@media (min-width: 768px) {
+  h1 {
+    padding-left: 192px;
+  }
+
+  .content {
+    padding-top: 73px;
+  }
+}
+
 .header {
   background-color: $primary-bg;
 }
@@ -47,7 +57,7 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
 }
 
 .navigation {
-  height: 50px;
+  min-height: 50px;
   background-color: $primary-bg;
   border-bottom: 1px #aaa solid;
 }
@@ -58,8 +68,6 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
   border: 0;
 
   .in, .collapsing {
-    margin-top: -60px;
-
     .navbar-nav {
       background-color: $primary-bg;
 
@@ -68,6 +76,28 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
       }
     }
   }
+
+  .navbar-event-date {
+    color: #777;
+    line-height: 20px;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 767px) {
+  .navigation .navbar-brand {
+    padding-right: 8px;
+  }
+
+  .navigation .logo {
+    width: 110px;
+    margin-bottom: -20px;
+  }
+
+  .navigation .navbar-event-date {
+    float: left;
+    margin: 15px 0 0 6px;
+  }
 }
 
 .post, .box {