Merge pull request #144 from bakape/scale-404

Scale 404 image better

public/css/style.css

@@ -163,4 +163,9 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-typ
   background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
   background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
   background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
-}
+}
+
+.center-image {
+	max-width: 100%;
+	max-height: 80vh;
+}

templates/404.html

@@ -3,6 +3,6 @@
     <div>
         <h1>404 Not Found</h1>
         <br />
-        <img class="center-block" src="/img/404.svg"></img>
+        <img class="center-block center-image" src="/img/404.svg"></img>
     </div>
 {{end}}