Fix mobile header/footer css

home/static/css/style.css

@@ -64,15 +64,22 @@ header #head_main_infos {
 		font-size: 50px;
 	}
 	header #head_main_infos {
-		font-size: 10pt;
+		font-size: 15pt;
 	}
 }
 @media (max-width: 600px) {
+	header {
+		flex-direction: column;
+	}
 	header h1, header h1 a {
 		font-size: 30px;
 	}
 	header #head_main_infos {
-		font-size: 8pt;
+		font-size: 12pt;
+		flex-direction: row;
+	}
+	header #head_main_infos div {
+		padding: 0 10px 10px;
 	}
 }
 
@@ -154,7 +161,6 @@ main {
 	padding: 1px 30px 50px;
 	max-width: 920px;
 	margin: 0 auto 0 auto;
-	min-height: calc(100vh - 370px); /* viewport-height - (header+footer+nav bar) */
 }
 
 main h2 {
@@ -489,8 +495,6 @@ footer {
 	bottom: 0;
 	width: 100%;
 	text-align: center;
-	padding: 10px 0;
-	height: 50px;
 	color: white;
 	display: flex;
 	background-color: var(--color_bg_1);
@@ -503,4 +507,21 @@ footer #sponsors img {
 	margin: 0;
 	height: 40px;
 	margin-right: 20px;
+	padding: 5px;
+}
+
+@media (max-width: 500px) {
+	main {
+		padding-bottom: 80px;
+	}
+	footer #sponsors img {
+		margin: 0;
+		height: 30px;
+	}
+	footer {
+		flex-direction: column;
+	}
+	footer p {
+		margin: 5px;
+	}
 }