fix: correct filtering numbers, text additions, css adaptions

Fix a lot of problems with CSS, Text and filter overview

app/assets/css/blog/article.css

@@ -24,7 +24,7 @@
         padding: 2rem 2rem 0;
     }
 
-    h1 {
+    & h1 {
         font-size: 3rem;
         display: flex;
         flex-direction: column;
@@ -35,7 +35,7 @@
         }
     }
 
-    h2 {
+    & h2 {
         font-size: 2rem;
         font-weight: lighter;
         margin-top: 2rem;
@@ -67,4 +67,24 @@
       font-size: 1.2rem;
       margin-bottom: .5rem;
     }
+}
+
+@media (width <= 500px) {
+  .BlogArticle {
+    & h1 {
+     font-size: 2rem;
+
+      & small {
+        font-size: 1.2rem;
+      }
+   }
+
+    & h2 {
+      font-size: 1.5rem;
+    }
+
+    & p {
+      font-size: 1rem;
+    }
+  }
 }