Moved subtitle out of h1 tag, some more styling for mobile users

there has been also some code formatting

web/style/style.scss

@@ -248,7 +248,6 @@ body {
             margin: 0;
             padding: 0;
         }
-
     }
 }
 
@@ -276,10 +275,19 @@ header {
     padding: 1em;
     margin-top: $navbar-height;
     margin-bottom: 1em;
-    padding-bottom: 3.5em;
+    padding-bottom: 6em;
     text-align: center;
     clip-path: polygon(50% 0%, 100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
     transition: background 500ms ease-in-out;
+
+    .title {
+        font-size: 5em;
+        margin: 0;
+    }
+
+    .subtitle {
+        font-size: 1.2em;
+    }
 }
 
 .dropdown {
@@ -337,6 +345,12 @@ header {
     }
 }
 
+#drop-share {
+    li {
+        padding: 10px;
+    }
+}
+
 .dropdown-item {
     cursor: pointer;
 
@@ -417,18 +431,33 @@ h1, h2, h3, h4, h5, h6 {
 
 h2 {
     font-size: 2.5em;
+    @media only screen and (max-width: 600px) {
+        font-size: 1.75em;
+    }
 }
 
 h3 {
     font-size: 2em;
+
+    @media only screen and (max-width: 600px) {
+        font-size: 1.5em;
+    }
 }
 
 h4 {
     font-size: 1.5em;
+
+    @media only screen and (max-width: 600px) {
+        font-size: 1.3em;
+    }
 }
 
 h5 {
     font-size: 1.25em;
+
+    @media only screen and (max-width: 600px) {
+        font-size: 1.2em;
+    }
 }
 
 .tooltip {
@@ -445,8 +474,6 @@ h5 {
         text-align: center;
         border-radius: 6px;
 
-        white-space: nowrap;
-
         position: absolute;
         z-index: 5;