Quickfixes styling

src/components/Card.js

@@ -17,7 +17,7 @@ const Card = ({ ...props }) => (
       <div className="px-6 py-4">
         <h3 className="text-black font-bold text-xl mb-2">{props.title}</h3>
         <p
-          className="text-grey-darker text-base"
+          className="text-black-lighter text-base"
           dangerouslySetInnerHTML={{ __html: props.excerpt }}
         />
       </div>

src/components/Footer.js

@@ -92,13 +92,13 @@ const Footer = () => (
                 <li className={menuClasses}>Home</li>
               </Link>
               <Link className="block my-2 hover:opacity-70" to="/services">
-                <li className={menuClasses}>What We Do</li>
+                <li className={menuClasses}>Services</li>
               </Link>
               <Link className="block my-2 hover:opacity-70" to="/about">
-                <li className={menuClasses}>TEAM</li>
+                <li className={menuClasses}>About us</li>
               </Link>
               <Link className="block my-2 hover:opacity-70" to="/blog">
-                <li className={menuClasses}>BLOG</li>
+                <li className={menuClasses}>Blog</li>
               </Link>
             </ul>
           </nav>

src/styles/general.css

@@ -157,6 +157,7 @@ h2 span {
 a li,
 a {
   transition: all 0.25s ease;
+  text-decoration: none;
 }
 
 .pointer {