Typography fix for magprog

src/components/magprog/assets/sass/base/_typography.scss

@@ -26,7 +26,7 @@ body, input, select, textarea {
   }
 }
 
-a {
+section a {
   @include vendor('transition', (
           'color #{_duration(transition)} ease',
           'border-bottom-color #{_duration(transition)} ease'

src/components/magprog/assets/sass/components/_spotlights.scss

@@ -23,6 +23,7 @@
       display: block;
       position: relative;
       width: 25em;
+      padding-top: 4em;
 
       img {
         border-radius: 0;

src/components/magprog/assets/sass/magprog.scss

@@ -57,6 +57,7 @@
   @import 'layout/intro';
 
   #site-navbar {
+    height: 75px;
     .container {
       max-width: 1160px;
       width: 100%;
@@ -65,11 +66,8 @@
     }
 
     font-weight: 400;
-    text-decoration: none;
-
     z-index: 100000;
   }
-
 }
 
 @import 'layout/footer';

src/pages/magprog/index.js

@@ -24,7 +24,7 @@ function mentors(edges) {
                 const photo = edge.node.frontmatter.photo;
 
                 return <section key={`mentor_${id}`} id={`mentor_${id}`}>
-                    <div className="image left">
+                    <div className="image fit">
                         <img src={withPrefix(`images/magprog/mentors/${photo}`)}
                              alt={name}
                         />
@@ -64,7 +64,7 @@ function team(edges) {
 
                 return (
                     <section key={`team_${id}`}>
-                        <div className="image right">
+                        <div className="image fit">
                             <img src={withPrefix(`images/members/${photo}`)}
                                  alt={name}/>
                         </div>