diff --git a/src/index.html b/src/index.html
index 24707d3..fc05807 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,40 +1,37 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta
-      name="viewport"
-      content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0"
-      charset="utf-8"
-    />
-    <link rel="stylesheet" href="./style.css" />
-    <script
-      src="https://kit.fontawesome.com/c6918a20c8.js"
-      crossorigin="anonymous"
-    ></script>
-    <title>HertzSCHLAG Archiv</title>
-    <link rel="icon" type="image/png" href="../assets/favicon.png" />
-  </head>
 
-  <body>
-    <div id="header">
-      <img src="../assets/hertzlinie_l.svg" class="welle-l" />
-      <img src="../assets/hertzlinie_r.svg" class="welle-r" />
-      <div id="innerHeader">
-        <a href="#">
-          <h1>HertzSCHLAG Archiv</h1>
-        </a>
-        <nav>
-          <a href="#liste" style="margin-left: 25px">Alle Ausgaben</a>
-        </nav>
-      </div>
+<head>
+  <meta name="viewport" content="min-width=400px, width=device-width, initial-scale = 1.0, maximum-scale=1.0"
+    charset="utf-8" />
+  <link rel="stylesheet" href="./style.css" />
+  <script src="https://kit.fontawesome.com/c6918a20c8.js" crossorigin="anonymous"></script>
+  <link rel="stylesheet" href="https://use.typekit.net/iqo1nim.css">
+  <title>HertzSCHLAG Archiv</title>
+  <link rel="icon" type="image/png" href="../assets/favicon.png" />
+</head>
+
+<body>
+  <div id="header">
+    <img src="../assets/hertzlinie_l.svg" class="welle-l" />
+    <img src="../assets/hertzlinie_r.svg" class="welle-r" />
+    <div id="innerHeader">
+      <a href="#">
+        <h1>HertzSCHLAG Archiv</h1>
+      </a>
+      <nav>
+        <a href="#liste" style="margin-left: 25px">Alle Ausgaben</a>
+      </nav>
     </div>
-    <div id="main">
-      <div id="home"></div>
-      <div id="content">
-        <div id="contentinner"></div>
-        <a id="back"></a>
-      </div>
+  </div>
+  <div id="main">
+    <div id="home"></div>
+    <div id="content">
+      <div id="contentinner"></div>
+      <a id="back"></a>
     </div>
-    <script src="./script.ts" type="module"></script>
-  </body>
-</html>
+  </div>
+  <script src="./script.ts" type="module"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index 5eb630c..018aa79 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,6 +1,6 @@
 html {
-  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
+    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   height: 100%;
   width: 100vw;
   overflow-x: hidden;
@@ -59,7 +59,7 @@ body {
   font-weight: 400 !important;
   position: fixed;
   left: 50px;
-  top: 9px;
+  top: 8px;
 }
 
 #header nav {
@@ -274,6 +274,12 @@ iframe {
   }
 }
 
+@media only screen and (max-width: 800px) {
+  #header nav {
+    display: none;
+  }
+}
+
 @media only screen and (max-width: 600px) {
   .grid {
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
@@ -293,10 +299,7 @@ iframe {
     font-size: 1.5em;
   }
 
-  #home {
-    padding-top: 4em !important;
-  }
-
+  .grid,
   #main {
     height: calc(100% - 4em) !important;
     padding-top: 4em !important;
