removed page header indentation

The indentation looked random (and changed rather randomly with screen size).
Page layout width calculations seem pretty buggy at this point.

Author: stefan-wenig

docs/_sass/main.scss

@@ -60,8 +60,9 @@ a {
 	}
 }
 
-header > div, main > section > div {
-	max-width: $content-width;
+header > div, main > section > div 
+{
+	max-width: calc(#{$content-width} + #{$nav-width} + 20px + #{$toc-width} + 20px - 46px - 64px); /* formula from ressources main > section.resources-section > div -64px (trial&error) */
 }
 
 h1, h2, h3, h4, h5 {
@@ -142,7 +143,7 @@ main {
 
 		& > div {
 			padding: 80px 40px;
-			width: 100%;
+			width: 100%; 
 			box-sizing: border-box;
 
 			& > h2 {

docs/_sass/resources.scss

@@ -21,13 +21,13 @@ main > section.resources-section {
 		padding-right: 16px;
 		display: flex;
 		align-items: flex-start;
-		max-width: calc(#{$content-width} + 240px + 320px - 46px); /* nav bar + toc bar - padding */
+		max-width: calc(#{$content-width} + #{$nav-width} + 20px + #{$toc-width} + 20px - 46px); /* content-width + nav-width(240px) + toc-width(320px) - padding(46px?) */
 
 		& > nav {
 			position: sticky;
 			top: 100px;
-			min-width: 220px;
-			max-width: 220px;
+			min-width: $nav-width;
+			max-width: $nav-width;
 			background-color: $light-grey-background-color;
 			border-radius: 6px;
 			font-size: 0.9em;

docs/_sass/variables.scss

@@ -54,6 +54,8 @@ $blockquote-line-color: #003357;
 $line-height: 1.65;
 $content-width: 1170px;
 $header-height: 80px;
+$nav-width: 220px;
+$toc-width: 300px;
 
 $shadow: 0 2px 4px rgba(0,0,0,0.1);
 $shadow-top: 0 -2px 4px rgba(0,0,0,0.1);