fixed menu

and some font fixes

_pages/index-da.md

@@ -24,7 +24,7 @@ sections:
     link: Hvordan?
     heading: Jeg vil vide mere…
     content: |
-      Sagen startede med en registerindsigt hos teleselskabet TDC. Det var Rasmus Malver der bad om den, og efter lang tids venten og mange rykkere sendte TDC en ukrypteret indsigt. Indsigten viste sig at indeholde ulovligt optagne data, men brancheforeningen Teleindustrien insisterede på at TDC ikke ønskede at logge. Hvis det var tilfældet kunne man lægge sag an imod TDC, og de ville bare erkende at indsamlingen var ulovlig. Rasmus skrev en stævning, som du kan downloade her.
+      Sagen startede med en registerindsigt hos teleselskabet TDC. Det var Rasmus Malver der bad om den, og efter lang tids venten og mange rykkere sendte TDC en ukrypteret indsigt. Indsigten viste sig at indeholde ulovligt optagne data, men brancheforeningen Teleindustrien insisterede på at TDC ikke ønskede at logge. Hvis det var tilfældet kunne man lægge sag an imod TDC, og de ville bare erkende at indsamlingen var ulovlig. Rasmus skrev en stævning, som du kan [downloade her](assets/files/2017-05-15-staevning.pdf).
 
       Men det viste sig at brancheorganisationen ikke havde talt med TDC, for det tidligere statsmonopol ville kæmpe for retten til ulovlig logning. Teleindustrien skiftede holdning, og tilvejebragte et [personligt brev](assets/files/PapesBrev.pdf) fra justitsminister Søren Pape Poulsen, hvori han truer organisationens medlemmer til at fortsætte logning.
 

_scss/base/_typography.scss

@@ -12,10 +12,11 @@ h1, h2, h3 {
 }
 
 h1 {
-	font-size: 2.5rem;
+	font-size: 2.3rem;
 	line-height: 2.7rem;
 	display: block;
 	margin-bottom: 2rem;
+	hyphens: inherit;
 
 	@include media-breakpoint-up(sm) { 
 		font-size: 2.7rem;

_scss/module/_indexpage.scss

@@ -10,6 +10,8 @@ nav {
     display: flex;
     background: #555;
     position: absolute;
+    position: fixed;
+    z-index: 1000;
     top: 0;
     left: 0;
     width: 100%;
@@ -61,16 +63,19 @@ nav {
 }
 
 .signup {
+    width: 100%;
+    margin: 0 auto;
+    position: relative;
     input {
         display: block;
-        width: 90%;
-        margin: 0 auto;
+        width: 100%;
         border-radius: 0;
         border: none;
         padding: 5px 0;
         height: 2rem;
         text-align: center;
         font-size: 1rem;
+        outline: none;
     }
     input[type="submit"] {
         -webkit-appearance: none;
@@ -81,6 +86,25 @@ nav {
         background: darken($background-alternative, 20);
         border-bottom: 2px solid darken($background-alternative, 25);
     }
+    &:before, &:after {
+        content: "";
+        position: absolute;
+        top: 0;
+        height: 100%;
+        width: 20px;
+        background: $background-alternative;
+    }
+    &:before {
+        left: -10px;
+        transform: skew(-15deg);
+    }
+    &:after {
+        right: -10px;
+        transform: skew(-15deg);
+    }
+    @include media-breakpoint-up(sm) {
+        width: 90%;
+    }
 }
 
 section {

_scss/module/_sections.scss

@@ -42,7 +42,6 @@ section {
 	
 	h1 {
 		word-break: break-word;
-		hyphens: auto;
 	}
   
 	p {