menu: rename Logbuch -> Blog to fit all viewports

_includes/header.html

@@ -15,7 +15,7 @@
             <ul class="nav navbar-nav">
                 <li><a href="/">Home</a></li>
                 <li class="divider-vertical"></li>
-                <li><a href="/blog/">Logbuch</a></li>
+                <li><a href="/blog/">Blog</a></li>
                 <li class="divider-vertical"></li>
                 <li><a href="/about.html">&Uuml;ber uns</a></li>
                 <!-- <li class="divider-vertical"></li>

_sass/_chaospott.scss

@@ -142,22 +142,29 @@ ul.nav>li>a {
   border-left-color: #111111;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 1023px) {
   #large-header {
     display: none;
   }
+  nav .container {
+    width: 100%;
+    margin: 0;
+  }
   .navbar-header {
-    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
+    float: unset !important;
   }
   .navbar-brand {
     display: block;
   }
-  .navbar-collapse .nav>.divider-vertical {
-    display: none;
+  .navbar-collapse.collapse {
+    display: none !important;
+  }
+  button.navbar-toggle {
+    display: block;
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 1024px) {
   .navbar-brand {
     display: none;
   }