diff --git a/assets/css/screen.css b/assets/css/screen.css
index 00a0e15..fc271e6 100755
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -48,6 +48,9 @@ html, body {
     margin: 0;
     padding: 0;
     height: 100%;
+    display: flex;
+
+    flex-flow: column;
 
     font-size: 20px;
     line-height: 1.6;
@@ -134,6 +137,7 @@ Used to define how every page is displayed.
 */
 
 main {
+    flex: 1;
     display: block;
     box-sizing: border-box;
     width: 100%;
@@ -340,7 +344,7 @@ Used to style the index/homepage.
 */
 
 .mind-index-header_main {
-    height: 100%;
+    flex: 0 0 100%;
     width: 100%;
     margin: auto;
     display: flex;
@@ -618,7 +622,7 @@ instead of pages ".mind-page*".
 */
 
 .mind-post-header {
-    height: 400px;
+    flex: 0 0 400px;
     width: 100%;
     display: flex;
     flex-direction: column;