Redesign latest news

Author: sophie-h

_sass/_layout.scss

@@ -190,10 +190,6 @@ section.special {
     min-height: calc(100vh - 300px);
 }
 
-.page-heading {
-    font-size: 20px;
-}
-
 .post-list {
     margin-left: 0;
     list-style: none;
@@ -206,25 +202,29 @@ section.special {
 .post-overview {
     text-align: center;
     padding: 0.7rem 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: stretch;
 
     a, a:visited {
         @extend .box-design;
         max-width: 10em;
-        padding: 0.5em;
-        margin: 1.5em 1em 0;
-        line-height: 3em;
+        margin: 1.3em 0.8em 0;
         vertical-align: top;
-        min-height: 7em;
+        padding: 0.8em 0.6em 1em;
+
+        font-weight: bold;
+        font-family: $headings-font-family;
 
         .post-meta {
-            color: #f6f5f4;
-            font-weight: 800;
-            font-family: $headings-font-family;
+            color: $header-text-color;
+            font-size: $small-font-size;
         }
 
         * {
             display: inline-block;
-            line-height: 1em;
+            margin: 0.3em 0;
         }
     }
 }