Removed box around landing h1. Changed hero button to lowercase. Adjusted background image size for mobile.

Author: mattmacneil

src/scenes/home/home.css

@@ -20,10 +20,16 @@
     background-repeat: no-repeat;
 }
 
-@media screen and (max-width: 599px) {
+@media screen and (max-width: 760px) {
   .backgroundImage {
-    background-size: 600px auto;
-    background-position: center 0;
+    background-size: auto 50%;
+    background-attachment: fixed;
+  }
+}
+
+@media screen and (max-width: 500px) {
+  .backgroundImage {
+    background-size: auto 75%;
     background-attachment: fixed;
   }
 }

src/scenes/home/landing/landing.css

@@ -20,7 +20,7 @@
   color: #fff;
   text-shadow: black 1px 0 15px;
   padding: 50px 0 50px 0;
-  background-color:rgba(47,52,72,.25);
+  background-color:rgba(47,52,72,.05);
   border-radius: 1rem;
 }
 

src/scenes/home/landing/landing.js

@@ -16,7 +16,7 @@ class Landing extends Component {
         <div className={styles.pageHeading}>
           <h1>The largest community dedicated to helping military veterans and
             families launch software development careers.</h1>
-          <LinkButton text="JOIN" theme="red" link="/signup" />
+          <LinkButton text="Join" theme="red" link="/signup" />
         </div>
         <WhatWeDo />
         <Membership />