diff --git a/web/src/components/Footer.js b/web/src/components/Footer.js
index 48cf6c4..e697c5c 100644
--- a/web/src/components/Footer.js
+++ b/web/src/components/Footer.js
@@ -8,10 +8,11 @@ export default function Footer() {
   return (
     <Container>
       <p>
-        Made by <Bold>Yasuaki Uechi</Bold> with{'  '}
+        Made with{'  '}
         <span role="img" aria-label="coffee">
           🦀
         </span>
+        {'  '}by <Bold>Yasuaki Uechi</Bold>
       </p>
       <Links>
         <ExternalLink href="https://twitter.com/uetschy">
diff --git a/web/src/components/Welcome.js b/web/src/components/Welcome.js
index 7ed2960..8964c31 100644
--- a/web/src/components/Welcome.js
+++ b/web/src/components/Welcome.js
@@ -79,16 +79,23 @@ const Header = styled.h1`
   font-size: 5rem;
   line-height: 0.8em;
   padding-bottom: 30px;
+
+  ${mobile} {
+    font-size: 4rem;
+  }
 `
 
 const Text = styled.p`
   font-size: 1.2em;
   color: #3c3c3c;
-}
 `
 
 const Hero = styled.div`
   padding-top: 40px;
+
+  ${mobile} {
+    padding-top: 20px;
+  }
 `
 
 const List = styled.div`