fix font and padding

app/globals.scss

@@ -383,7 +383,7 @@ a {
     }
   }
   p {
-    font-size: 1.5rem;
+    font-size: 2vw;
     @media only screen and (max-width: 768px) {
       margin-top: 1rem;
       font-size: 15px;

components/ImageText.js

@@ -12,6 +12,17 @@ const Img = styled.img`
     height: auto;
   }
 `;
+
+const Text = styled.div`
+  p {
+    font-size: 2vw;
+    @media only screen and (max-width: 768px) {
+      margin-top: 1rem;
+      font-size: 15px;
+    }
+  }
+`;
+
 const ImageText = ({ header, text, side, alt, image, pad, gif, component }) => {
   return (
     <div
@@ -32,10 +43,10 @@ const ImageText = ({ header, text, side, alt, image, pad, gif, component }) => {
         triggerOnce={true}
         duration={1500}
       >
-        <div className="landing-text">
+        <Text>
           {header ? header() : ""}
           {text()}
-        </div>
+        </Text>
       </Slide>
 
       <Slide

components/Link.js

 export default function Links({ header, content, contentTitles }) {
   return (
-    <details>
-      <summary>
-        <h4>{header}</h4>
-      </summary>
-      {content.map((l, i) => (
-        <p>
-          <a href={l}>{contentTitles[i]}</a>
-        </p>
-      ))}
-    </details>
+    <>
+      <details>
+        <summary>
+          <h4>{header}</h4>
+        </summary>
+        {content.map((l, i) => (
+          <p>
+            <a href={l}>{contentTitles[i]}</a>
+          </p>
+        ))}
+      </details>
+      <br />
+    </>
   );
 }