Get Involved Page! #76

closes #13 and #24

Two different codeys (mobile vs desktop) is most likely a mistake. Confirm with design about this.

 @media only screen and (max-width: calc(768rem / 16)) {
   .header {
     font-size: calc(24rem / 16);
     line-height: calc(36rem / 16);

       <form className={styles.form} action="">
         <Input type="text" placeholder="Full Name*" required />
         <Input type="email" placeholder="Email*" required />
         <Button className={styles.button}>Subscribe</Button>

   display: block;
   width: 100%;
   margin: calc(21rem / 16) 0;
   padding: calc(10rem / 16) calc(31rem / 16);

 }
 .socialLinks {
   margin: calc(36rem / 16) calc(-10rem / 16);

 export function ConnectWithUs() {
   return (
     <div>

 }
 .socialLinks > * {
   justify-content: left;

 @media only screen and (max-width: calc(768rem / 16)) {
   .container > * {
     margin: 0 0 calc(15rem / 16) 0;

 export function EmailSignup() {
   return (
     <div className={styles.container}>

 import styles from "./get-involved.module.css";
 /**
  * @todo fix codey image with svg

   margin-top: calc(50rem / 16);
 }
 /* @todo aaaaaa */