* google fonts added

* color changes
* grid middle row in tablet resolution is now variable

public/styles/main.css

@@ -1,6 +1,7 @@
 html,
 body {
     height: 100%;
+    color: #003b70;
 }
 
 .app-container {
@@ -21,15 +22,37 @@ body {
         "main";
 }
 
-.content-container article,
-.content-block section {
-    border-left: 1px solid #003b71;
+.content-container > article,
+.content-block > section {
+    border-left: 1px solid #003b70;
+    padding: 0 10px 0 10px;
 }
 
 .content-block {
     grid-area: content;
 }
 
+h1 {
+    font-family: 'PT Serif', serif;
+}
+
+a:link,
+a:visited,
+a:hover,
+a:active {
+    color: #003b70;
+}
+
+a:hover {
+    color: #136CBC;
+    text-decoration: underline;
+}
+
+article,
+section {
+    font-family: 'Raleway', sans-serif;
+}
+
 /* mobile */
 @media only screen and (max-width: 767px) {
     .app-container {
@@ -42,7 +65,7 @@ body {
 /* tablet */
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .app-container {
-        grid-template-columns: 200px 600px 400px;
+        grid-template-columns: 200px auto 400px;
         grid-template-rows: 100px auto 70px;
         grid-template-areas:
                 "header header  header"
@@ -72,6 +95,19 @@ header.main-header {
     grid-area: header;
 }
 
+header .title {
+    font-size: 14pt;
+}
+
+header .description {
+    font-size: 10pt;
+    letter-spacing: 1.5pt;
+}
+
+header .logo {
+
+}
+
 nav.main-nav {
     grid-area: nav;
 }
@@ -93,8 +129,9 @@ footer.main-footer {
 }
 
 footer {
+    font-family: 'PT Serif', serif;
     color: #fffffd;
-    background-color: #003b71;
+    background-color: #003b70;
 }
 
 nav ul {
@@ -102,18 +139,30 @@ nav ul {
     padding-left: 0;
 }
 
+nav li {
+    font-family: 'PT Serif', serif;
+}
+
 nav li > ul {
     display: none;
 }
 
+nav > ul > li {
+    padding-left: 5px;
+}
+
+nav > ul > li.current {
+    border-left: 5px solid #003b70;
+}
+
 nav li.current > ul,
 nav li.current_ancestor > ul {
     display: block;
 }
 
 nav > ul > li {
-    font-variant: small-caps;
-    font-weight: 500;
+    font-weight: 700;
+    font-size: 18pt;
 }
 
 nav ul.menu_level_1 {
@@ -121,11 +170,12 @@ nav ul.menu_level_1 {
 }
 
 nav ul.menu_level_1 > li {
-    font-variant: initial;
+    font-size: 12pt;
+    line-height: 20pt;
     display: block;
     padding-left: 15px;
 }
 
 nav ul.menu_level_1 > li.current {
-    border-left: 5px solid #003b71;
+    border-left: 5px solid #003b70;
 }