* main menu element spacing fix

* giant chamber logo shrinked in tablet view
* 404 error page is wrapped in the grid now

public/styles/main.css

@@ -61,6 +61,10 @@ section.article {
     grid-row-gap: 20px;
 }
 
+section.error {
+    grid-area: content;
+}
+
 /* mobile */
 @media only screen and (max-width: 779px) {
     .app-container {
@@ -150,7 +154,8 @@ section.article {
 
     nav > ul > li {
         display: inline-block;
-        width: 30%
+        width: auto;
+        padding-right: 30px;
     }
 
     nav ul.menu_level_1 {
@@ -163,6 +168,11 @@ section.article {
         display: inline-block;
         max-width: 20%;
     }
+
+    section.error {
+        margin-left: 20px;
+        margin-right: 20px;
+    }
 }
 
 /* tablet */
@@ -206,6 +216,11 @@ section.article {
         max-width: 580px;
     }
 
+    img.embedded-image.keep-small-right {
+        max-width: 30%;
+        float: right;
+    }
+
     section.judge {
         width: 440px;
         margin-right: 20px;