Adjust heading margins and font sizes for mobile

Author: mathiasekstedt

src/components/heading.js

@@ -42,16 +42,16 @@ const Heading = ({ mobile }) => (
       style={{
         fontSize: mobile ? '2em' : '4em',
         fontWeight: 'normal',
-        marginBottom: 0,
-        marginTop: mobile ? '1.5em' : '3em',
+        marginBottom: 2,
+        marginTop: mobile ? '1em' : '1em',
       }}
     />
     <Header
       as="h2"
       content="Meta Attack Language - M A L"
       inverted
       style={{
-        fontSize: mobile ? '1.5em' : '1.7em',
+        fontSize: mobile ? '1.5em' : '2em',
         fontWeight: 'normal',
         marginTop: mobile ? '0.5em' : '1.5em',
       }}