Yet another version

_sass/minima/_layout.scss

@@ -50,14 +50,16 @@
   }
 
   .page-link:hover {
-    color: #020202;
+    // color: #020202;
   }
 
   @media (min-width: 640px) {
     .page-link:hover {
-        border: solid 1px #555;
-        border-top: none;
-        border-right: solid 1px;
+        // border: solid 1px #555;
+        // border-top: none;
+        // border-right: solid 1px;
+
+        border-top: 4px #333 solid;
 
         text-decoration: none;
         box-shadow: #0000001f 0px 5px 10px 0px;
@@ -65,8 +67,10 @@
         z-index: 100;
         margin-right: 0px;
 
+      color: #222 !important;
+
         &:not(.active) {
-          padding-top: 20px;
+          // padding-top: 20px;
         }
     }
 
@@ -81,6 +85,8 @@
       margin: 0 0 0 -1px;
       padding: 2px 10px 4px 9px;
 
+//      color: #0bc5ff;
+
       float: left;
 
       -moz-transition: padding 0.8s ease;
@@ -92,16 +98,19 @@
     }
 
     .active {
-      padding-top: 20px;
+      // padding-top: 20px;
+      color: #222;
     }
   }
 
   .page-link {
-    color: $text-color;
+    // color: $text-color;
     line-height: $base-line-height;
-
+    font-weight: 600;
     text-align: center;
 
+    border-top: solid 4px #b6c1cc;
+
     // Gaps between nav items, but not on the last one
     &:not(:last-child) {
       // margin-right: -6px;
@@ -109,7 +118,7 @@
   }
 
   .active {
-    font-weight: 600;
+    border-top: solid 4px #333;
   }
 
   @include media-query($on-palm) {

_sass/minima/_lcsb.scss

@@ -13,6 +13,8 @@
   margin-left: 8%;
   padding: 20px 27px 0px 27px;
   position: relative;
+  width: 77px;
+  height: 66px;
 }
 
 .img-banner {