Library updates

public/styles/styles.css

@@ -101,7 +101,7 @@ body {
   background: url('/images/tile-bg.jpg');
   color: #FFFDD7;
   font-family: 'liberation_serif', serif;
-  font-size: 12pt;
+  font-size: 14pt;
   line-height: 1.35em;
 }
 
@@ -206,9 +206,6 @@ p {
   line-height: 1.35em;
 }
 
-.card-info > img {
-}
-
 .card-pantheon {
   max-width: 1.1em;
   vertical-align: middle;
@@ -346,10 +343,6 @@ p {
   border-radius: 0.6em;
 }
 
-.navMenu {
-
-}
-
 .navMenu ul {
   list-style-type: none;
   margin: 0;
@@ -684,39 +677,15 @@ p {
   max-height: 10em; /* just in case */
 }
 
-
 .js.js-hasFontsLoaded body {
-  font-size: 14pt;
+  font-size: 16pt;
 }
 
-
-/*
- * Didn't use this, saving it unless I decie to use it later.
-
-.js .js-ulToggle {
-  cursor: pointer;
-}
-
-.js .js-ulToggle::after {
-  content: ' \25BC';
-  font-size: .5em;
-  vertical-align: text-top;
-}
-
-.js .js-ulToggle-hidden ul {
-  display: none;
-}
-
-.js .js-ulToggle-hidden .js-ulToggle::after {
-  content: ' \25B2';
-}
-
-*/
-
 /****************************************************************************
  * Responsive Media Queries
  ****************************************************************************/
-@media screen and (min-width: 30em) {
+
+@media screen and (min-width: 32em) {
 
   .dataBox {
     display: grid;
@@ -738,15 +707,9 @@ p {
   }
 }
 
-@media screen and (min-width: 33em) {
-  .dataBox {
-    grid-template-columns: repeat(auto-fill, minmax(6em, 1fr)) ;
-  }
-}
-
 @media screen and (min-width: 37em) {
   .dataBox {
-    grid-template-columns: repeat(auto-fill, minmax(7em, 1fr)) ;
+    grid-template-columns: repeat(auto-fill, minmax(6em, 1fr)) ;
   }
 }
 
@@ -767,6 +730,12 @@ p {
   }
 }
 
+@media screen and (min-width: 42em) {
+  .dataBox {
+    grid-template-columns: repeat(auto-fill, minmax(7em, 1fr)) ;
+  }
+}
+
 @media screen and (min-width: 58em) {
   .card-data {
     grid-column: auto / span 2;
@@ -775,12 +744,11 @@ p {
   }
   .card-image {
     display: block;
-    width: auto;
   }
   .card-info {
     align-items: center;
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr)) ;
+    grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)) ;
   }
   .dataBox {
     grid-template-columns: repeat(auto-fill, minmax(8em, 1fr)) ;