Stylistic tweaks

src/components/Card.js

@@ -4,10 +4,15 @@ import Link from 'gatsby-link'
 import ImgSprint from '../images/wow-we-did-design-sprint-remotely.png'
 
 const Card = ({ ...props }) => (
-  <article className="h-full w-full rounded overflow-hidden shadow bg-white border-bottom-saburly hover:shadow-md">
+  <article
+    className={`h-full w-full rounded overflow-hidden bg-white ${!props.teamMember &&
+      'border-bottom-saburly hover:shadow'}`}
+  >
     <div className="relative hover:opacity-50">
       {props.image && <img className="w-full" src={props.image.src} />}
-      {props.teamMember && <img className="w-full" src={props.teamMember} />}
+      {props.teamMember && (
+        <img className="w-full rounded" src={props.teamMember} />
+      )}
       <div
         className={`px-6 py-4 ${
           props.team ? 'absolute pin-b' : ''
@@ -21,7 +26,6 @@ const Card = ({ ...props }) => (
         )}
       </div>
     </div>
-    {props.team && <div className="px-6 py-4">{props.children}</div>}
   </article>
 )
 

src/pages/about.js

@@ -44,7 +44,7 @@ const AboutPage = () => (
             <p className="py-2 font-light text-white opacity-80 text-center">
               Saburly comes from an old Bosnian saying and is about
             </p>
-            <h5 className="text-center text-xl md:text-2xl lg:text-4xl italic font-light text-black text-white opacity-100">
+            <h5 className="text-center text-xl md:text-2xl lg:text-3xl italic font-light text-black text-white opacity-100 font-serif px-2">
               "Achieving success through patience, strategic planning and
               perseverance"
             </h5>