* judges menu removed

* awardees reactored into awards, judges are now included on a per year basis
* lots of minor style adjustments to follow the design guideline

public/styles/main.css

@@ -2,12 +2,11 @@ html,
 body {
     height: 100%;
     color: #003b70;
-    --header-size: 22pt;
 }
 
 h1 {
     font-family: 'PT Serif', serif;
-    font-size: var(--header-size);
+    font-size: 22pt;
 }
 
 a:link,
@@ -49,6 +48,7 @@ section.home {
     display: grid;
     grid-column-gap: 20px;
     grid-row-gap: 20px;
+    align-self: start;
 }
 
 section.article {
@@ -80,14 +80,15 @@ footer.main-footer {
 footer .footer-lead {
     display: inline-block;
     width: 200px;
+    font-weight: 700;
 }
 
 footer .sigma-logo {
-    vertical-align: -10px;
+    vertical-align: middle;
 }
 
 footer .ericsson-logo {
-    vertical-align: -4px;
+    vertical-align: middle;
     margin-left: 50px;
 }
 
@@ -110,7 +111,8 @@ footer .ericsson-logo {
         grid-template-areas:
                 "bigimg bigimg"
                 "article article"
-                "smallimg1 smallimg2";
+                "smallimg1 smallimg2"
+                "download download";
     }
 
     section.home > img {
@@ -190,14 +192,12 @@ footer .ericsson-logo {
     }
 
     footer .sigma-logo {
-        vertical-align: -6px;
         width: 78px;
     }
 
     footer .ericsson-logo {
         width: 82px;
         margin-left: 10px;
-        vertical-align: -1px;
     }
 
     section.profile {
@@ -236,7 +236,8 @@ footer .ericsson-logo {
         grid-template-areas:
                 "bigimg bigimg"
                 "smallimg1 smallimg2"
-                "article article";
+                "article article"
+                "download download";
     }
 
     section.article {
@@ -282,7 +283,7 @@ footer .ericsson-logo {
     }
 
     section.awardee {
-        grid-template-columns: 180px 380px;
+        grid-template-columns: 180px 360px;
     }
 
     section.awardees > .awardee > img.profile,
@@ -293,7 +294,7 @@ footer .ericsson-logo {
     }
 
     section.profile {
-        grid-template-columns: 580px;
+        grid-template-columns: 560px;
         grid-template-rows: auto auto;
         grid-template-areas:
                 "profile"
@@ -317,12 +318,13 @@ footer .ericsson-logo {
     }
 
     section.home {
-        grid-template-columns: 560px 280px;
+        /*grid-template-columns: 580px 280px;*/
+        grid-template-columns: 430px 130px 280px;
         grid-template-rows: 175px 175px auto;
         grid-template-areas:
-                "bigimg smallimg1"
-                "bigimg smallimg2"
-                "article article";
+                "bigimg bigimg smallimg1"
+                "bigimg bigimg smallimg2"
+                "article download download";
     }
 
     section.article {
@@ -355,7 +357,7 @@ footer .ericsson-logo {
     }
 
     section.awardee {
-        grid-template-columns: 180px 380px;
+        grid-template-columns: 180px 360px;
     }
 
     section.awardees > .awardee > img.profile,
@@ -366,7 +368,7 @@ footer .ericsson-logo {
     }
 
     section.profile {
-        grid-template-columns: 580px 380px;
+        grid-template-columns: 560px 380px;
         grid-template-rows: auto;
         grid-template-areas:
                 "profile sidebar"
@@ -398,6 +400,23 @@ section.home > article {
     grid-area: article;
 }
 
+section.home > section.download {
+    grid-area: download;
+}
+
+section.download a.download {
+    display: block;
+    margin-bottom: 3px;
+    overflow: hidden;
+}
+
+section.download a.download > img{
+    float: left;
+    width: 31px;
+    height: 30px;
+    margin-right: 5px;
+}
+
 /* the prize (article) */
 section.article > article {
     grid-area: article;
@@ -416,6 +435,12 @@ section.judges {
     grid-area: content;
 }
 
+section.judges > h1 {
+    clear: both;
+    padding-top: 40px;
+    margin-bottom: 20px;
+}
+
 section.judge > img.profile {
     float: left;
     width: 80px;
@@ -450,6 +475,8 @@ section.profile {
     display: grid;
     grid-column-gap: 20px;
     grid-row-gap: 20px;
+    border-left: 1px solid #003b70;
+    padding-left: 20px;
 }
 
 section.profile > aside.sidebar > img {
@@ -479,7 +506,7 @@ section.awardee {
 
 .awardee .year {
     grid-area: year;
-    font-family: 'Raleway', sans-serif;
+    font-family: 'PT Serif', serif;
     font-size: 32pt;
     align-self: end;
 }
@@ -496,6 +523,13 @@ section.awardee {
     grid-area: content;
 }
 
+a.awardee > .description {
+    border-left: 1px solid #003b70;
+    padding-left: 10px;
+    font-family: 'Raleway', sans-serif;
+    font-style: italic;
+}
+
 /* common parts */
 
 header.main {
@@ -539,7 +573,7 @@ nav > ul > li {
     padding-left: 5px;
     font-weight: 700;
     font-size: 16pt;
-    line-height: 18pt;
+    line-height: 24pt;
 }
 
 nav > ul > li.current {