Make site more adaptive for mobile phones and small screens

root/style.css

@@ -1,5 +1,5 @@
 html, body {
-	min-height: 100%;
+	height: 100%;
 	margin: 0;
 	padding: 0;
 }
@@ -14,6 +14,7 @@ div	{
 	font-family: sans-serif;
 
 	min-height: 100%;
+	min-width: 100%;
 
 	display: flex;
 	flex-direction: column;
@@ -23,9 +24,12 @@ div	{
 
 .header {
 	height: 20%;
+	padding: 5px;
 
 	display: flex;
 	align-items: center;
+	justify-content: space-evenly;
+	flex-wrap: wrap;
 
 	font-size: xxx-large;
 }
@@ -68,16 +72,10 @@ div	{
 	display: flex;
 	justify-content: flex-end;
 	align-items: flex-end;
-
-	position: relative;
 }
 
 .copyright {
 	text-align: right;
 
-	position: absolute;
-	bottom: 0;
-	right: 0;
-
 	padding: 1%;
 }