set single font size and make all the headers relative from there

themes/homebrewtheme/static/css/main.css

@@ -1,5 +1,5 @@
 /* 
-2k18 Homebrewserver.club Pelican theme
+2k19 Homebrewserver.club Pelican theme
 ---
 Style sheet is ordered vertically, with declarations for the header on top and footer on the bottom.
 
@@ -9,24 +9,25 @@ http://randomiser.info/
 http://majesticmoo.se
 */
 
-* {
-    box-sizing: border-box;
-}
-
 @font-face {
 	font-family:'OrkneyRegular';
 	src: url('../fonts/Orkney Regular.woff') format('truetype');
 }
 
+html {
+	font-size:20px;
+}
+
 header {
 	width:100%;
 }
 
 #banner {
     text-align: center;
-    font-size: calc(12px + 4vw);
     padding-bottom: 0.5em;
     padding-top: 1em;
+    font-size:3rem;
+    font-weight: bold;
 }
 
 #sitename {
@@ -41,7 +42,7 @@ pre {
 
 #menu {
 	list-style:none;
-	font-size:calc(7px + 1.5vw);
+	font-size:1.4rem;
 	margin-top:1.2em;
 	font-weight:bold;
 	text-align:center;
@@ -95,7 +96,7 @@ body {
 }
 
 #index{
-	max-width:55%;
+	max-width:80%;
 	margin: auto;
 	color:#333;
 }
@@ -119,7 +120,7 @@ a {
 
 
 h1{
-	font-size:2.5rem;
+	font-size:2.4rem;
     margin: 0;
 	padding: 0.5em;
 	padding-left: 0;
@@ -132,7 +133,7 @@ h2{
 }
 }
 h3{
-	font-size:1.5rem;
+	font-size:1.4rem;
 	text-decoration: underline;
     padding: 1em;
     margin: 0;
@@ -153,7 +154,7 @@ h3{
 }
 
 .entry-title{
-    font-size:3rem;
+    font-size:2.4rem;
     font-weight:bold;
     line-height: 1.2em;
 }
@@ -235,7 +236,7 @@ blockquote {
 
 #content p{
     line-height:1.6;
-	max-width:800px;
+	max-width:55ch;
 	margin: 0 auto;
 	margin-bottom:1em;
 }
@@ -273,6 +274,8 @@ blockquote {
 
 }
 
+
+
 .footnote{	
 	font-size:14px;
 	margin:auto;
@@ -314,6 +317,12 @@ table tr:nth-child(even) {
 }
 
 
+#page-content p{
+    line-height:1.6;
+	max-width:55ch;
+	margin: 0 auto;
+	margin-bottom:1em;
+}
 
 /* some good ol' theft from https://codepo8.github.io/css-fork-on-github-ribbon/ */
 #forkongithub a {