update design

frontend/src/app/components/auth/auth.component.scss

@@ -72,3 +72,17 @@ form {
     margin-bottom: 8px;
   }
 }
+
+@media screen and (max-width: 500px) {
+  .headline {
+    p:nth-child(1) {
+      font-size: 36px;
+    }
+    p:nth-child(2) {
+      font-size: 20px;
+    }
+    p:nth-child(3) {
+      font-size: 16px;
+    }
+  }
+}

frontend/src/app/shared/components/footer/footer.component.scss

@@ -25,10 +25,17 @@ footer {
 
 /*------------- RESPONSIVE -------------*/
 
-@media screen and (max-width: 350px) {
+@media screen and (max-width: 550px) {
+  footer {
+    height: fit-content;
+    padding: 24px;
+  }
+}
+
+@media screen and (max-width: 400px) {
   footer {
     a {
-      padding: 0 24px;
+      padding: 0 18px;
     }
   }
 }