* production deploy

* page font size changes
* article side separator height
* tablet view inline image float

public/styles/main.css

@@ -29,7 +29,8 @@ header a:hover {
 article,
 section {
     font-family: 'Raleway', sans-serif;
-    font-size: 16pt;
+    font-size: 12pt;
+    font-weight: 500;
 }
 
 /* app main grid container */
@@ -58,6 +59,7 @@ section.article {
     display: grid;
     grid-column-gap: 20px;
     grid-row-gap: 20px;
+    align-self: start;
 }
 
 section.error {
@@ -255,11 +257,11 @@ footer .ericsson-logo {
 
     img.embedded-image {
         max-width: 50%;
+        float: right
     }
 
     img.embedded-image.keep-small-right {
         max-width: 30%;
-        float: right;
     }
 
     section.judge {
@@ -447,11 +449,6 @@ section.profile {
     grid-row-gap: 20px;
 }
 
-section.profile > article {
-    border-left: 1px solid #003b70;
-    padding: 0 10px 0 10px;
-}
-
 section.profile > aside.sidebar > img {
     max-width: 100%;
     display: block;
@@ -538,8 +535,8 @@ nav li > ul {
 nav > ul > li {
     padding-left: 5px;
     font-weight: 700;
-    font-size: 22pt;
-    line-height: 28pt;
+    font-size: 16pt;
+    line-height: 18pt;
 }
 
 nav > ul > li.current {
@@ -557,8 +554,8 @@ nav ul.menu_level_1 {
 }
 
 nav ul.menu_level_1 > li {
-    font-size: 14pt;
-    line-height: 18pt;
+    font-size: 12pt;
+    line-height: 16pt;
     padding-left: 15px;
     margin-bottom: 10px;
 }