Fix footer and homepage responsive fonts

Fonts had weird sizes in the homepage, and the footer was at a fixed 25px.
Now, they both scale correctly.

assets/css/screen.css

@@ -295,6 +295,10 @@ is applied by the script on scroll.
 --------------------------------------------------
 */
 
+.mind-site-footer_main {
+    font-size: 25px;
+}
+
 footer.mind-site-footer_main {
     display: grid;
     grid-template-columns: 1fr 1fr;
@@ -302,18 +306,17 @@ footer.mind-site-footer_main {
     z-index: 3;
     font-family: 'Montserrat', sans-serif;
     color: white;
+    padding: 20px;
 }
 
 .mind-site-footer_main p {
     font-weight: 800;
     margin: 0;
-    padding: 20px;
-    font-size: 25px;
+    overflow-wrap: break-word;
 }
 
 nav.mind-site-footer_nav {
     text-align: right;
-    margin: 20px;
 }
 
 /*
@@ -662,6 +665,10 @@ instead of pages ".mind-page*".
     font-size: 15px
 }
 
+.mind-post-header h1 {
+    margin: 0 20px;
+}
+
 /* 5.2. Content
 --------------------------------------------------
 */
@@ -1137,10 +1144,18 @@ div.mind-policy-popup {
         font-size: 13px;
     }
 
+    .mind-post-card-big_meta {
+        font-size: 13px;
+    }
+
+    .mind-post-card-big_main {
+        font-size: 17px;
+    }
+
     .mind-content_main {
         min-width: calc(100% - 40px);
         width: calc(100% - 40px);
-        padding: 20px;
+        padding: 0 20px;
     }
 
     .mind-post_central-column {
@@ -1159,6 +1174,10 @@ div.mind-policy-popup {
     .mind-post-card-big_main {
         margin: auto;
     }
+
+    .mind-site-footer_main {
+        font-size: 23px;
+    }
 }
 
 @media only screen and (max-width: 1000px) {
@@ -1179,6 +1198,26 @@ div.mind-policy-popup {
         font-size: 18px;
     }
 
+    ul {
+        margin: 13px 0;
+    }
+
+    .mind-post-card-big_meta {
+        font-size: 12px;
+    }
+
+    .mind-post-card-big_header h3 {
+        font-size: 25px;
+    }
+
+    .mind-post-card-big_main {
+        font-size: 16px;
+    }
+
+    .mind-global-navbar_primary li, .mind-global-navbar_secondary li {
+        font-size: 22px;
+    }
+
     .mind-feed-content_main {
         grid-template-columns: 1fr 1fr;
     }
@@ -1194,6 +1233,7 @@ div.mind-policy-popup {
     .kg-gallery-image {
         margin: 10px 5px;
     }
+
     .kg-gallery-row {
         margin: 0 40px;
     }
@@ -1214,6 +1254,10 @@ div.mind-policy-popup {
     .mind-policy-popup button {
         padding: 10px 20px;
     }
+
+    .mind-site-footer_main {
+        font-size: 20px;
+    }
 }
 
 @media only screen and (max-width: 650px) {
@@ -1230,13 +1274,25 @@ div.mind-policy-popup {
         font-size: 21px;
     }
 
+    ul {
+        margin: 10px 0 10px auto;
+        transition: .5s;
+    }
+
     .mind-post-header p {
         font-size: 11px;
     }
 
-    ul {
-        margin: 10px 0 10px auto;
-        transition: .5s;
+    .mind-post-card-big_header h3 {
+        font-size: 23px;
+    }
+    .mind-post-card-big_meta {
+        font-size: 11px;
+    }
+
+
+    .mind-post-card-big_main {
+        font-size: 15px;
     }
 
     .mind-global-navbar_primary li, .mind-global-navbar_secondary li {
@@ -1281,6 +1337,9 @@ div.mind-policy-popup {
         font-size: 12px;
     }
 
+    .mind-site-footer_main {
+        font-size: 18px;
+    }
 }
 
 @media only screen and (max-width: 550px) {
@@ -1296,7 +1355,15 @@ div.mind-policy-popup {
         font-size: 19px;
     }
 
+    .mind-post-card-big_meta {
+        font-size: 10px;
+    }
+
     .mind-post_central-column {
         font-size: 14px;
     }
+
+    .mind-site-footer_main {
+        font-size: 16px;
+    }
 }

package.json

@@ -1,7 +1,7 @@
 {
     "name": "mindtheme",
     "description": "Mind Overflow's official website style",
-    "version": "0.0.8",
+    "version": "0.0.9",
     "engines": {
         "ghost-api": "v3"
     },