diff --git a/css/style.css b/css/style.css
index 6b4f802..67c7627 100644
--- a/css/style.css
+++ b/css/style.css
@@ -34,26 +34,33 @@
   ********************
 */
 html,
-body {
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul {
   margin: 0;
   padding: 0;
 }
 
 body {
   display: grid;
-  grid-template-columns: [left-gutter] 1em [content] auto [right-gutter] 1em;
-  grid-template-rows: [header] 30% [body] auto [footer] 30%;
+  grid-template-columns: [left-gutter] 5% [content] 90% [right-gutter] 5%;
+  grid-template-rows: [header] 10% [body] auto [footer] 30%;
   grid-column-gap: 0;
 }
-@media (min-width: 70em) {
+@media (min-width: 47.5em) {
   body {
-    grid-template-columns: [left-gutter] 1fr [content] 2fr [right-gutter] 1fr;
+    grid-template-columns: [left-gutter] 1fr [content] 4fr [right-gutter] 1fr;
     grid-column-gap: 1em;
   }
 }
-@media (min-width: 50em) and (max-width: 70em) {
+@media (min-width: 75em) {
   body {
-    grid-template-columns: [left-gutter] 1fr [content] 4fr [right-gutter] 1fr;
+    grid-template-columns: [left-gutter] 1fr [content] 2fr [right-gutter] 1fr;
     grid-column-gap: 1em;
   }
 }
@@ -62,21 +69,26 @@ body {
   grid-row: header;
   grid-column: left-gutter/4;
   display: grid;
-  grid-template-columns: [header-left-gutter] 1em [title] auto [header-right-gutter] 1em;
-  grid-template-rows: [title] auto [menu] auto;
+  grid-template-columns: [header-left-gutter] 5% [title] 90% [header-right-gutter] 5%;
+  grid-template-rows: [title] 7em [menu] 6em;
   grid-column-gap: 0;
 }
-@media (min-width: 70em) {
+@media (min-width: 25.625em) {
   .header {
-    grid-template-columns: [header-left-gutter] 1fr [title] 2fr [header-right-gutter] 1fr;
-    grid-template-rows: [title] auto [menu] auto;
+    grid-template-rows: [title] 7em [menu] 3.4em;
+  }
+}
+@media (min-width: 47.5em) {
+  .header {
+    grid-template-columns: [header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;
+    grid-template-rows: [title] 7em [menu] 3.4em;
     grid-column-gap: 1em;
   }
 }
-@media (min-width: 50em) and (max-width: 70em) {
+@media (min-width: 75em) {
   .header {
-    grid-template-columns: [header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;
-    grid-template-rows: [title] auto [menu] auto;
+    grid-template-columns: [header-left-gutter] 1fr [title] 2fr [header-right-gutter] 1fr;
+    grid-template-rows: [title] 7em [menu] 3.4em;
     grid-column-gap: 1em;
   }
 }
@@ -93,18 +105,18 @@ body {
   grid-row: footer;
   grid-column: left-gutter/4;
   display: grid;
-  grid-template-columns: [footer-left-gutter] 1em [center] auto [footer-right-gutter] 1em;
+  grid-template-columns: [footer-left-gutter] 5% [center] 90% [footer-right-gutter] 5%;
   grid-column-gap: 0;
 }
-@media (min-width: 70em) {
+@media (min-width: 47.5em) {
   .footer {
-    grid-template-columns: [footer-left-gutter] 1fr [center] 2fr [footer-right-gutter] 1fr;
+    grid-template-columns: [footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;
     grid-column-gap: 1em;
   }
 }
-@media (min-width: 50em) and (max-width: 70em) {
+@media (min-width: 75em) {
   .footer {
-    grid-template-columns: [footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;
+    grid-template-columns: [footer-left-gutter] 1fr [center] 2fr [footer-right-gutter] 1fr;
     grid-column-gap: 1em;
   }
 }
@@ -117,7 +129,7 @@ body {
   grid-column: content;
 }
 
-@media (min-width: 70em) {
+@media (min-width: 75em) {
   #contact {
     display: grid;
     grid-template-columns: [pers] 1fr [prof] 1fr;
@@ -133,18 +145,42 @@ body {
 
 @font-face {
   font-family: "merriweatherlight";
-  src: url("../fontsmerriweather_light-webfont.eot");
-  src: url("../fontsmerriweather_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fontsmerriweather_light-webfont.woff2") format("woff2"), url("../fontsmerriweather_light-webfont.woff") format("woff"), url("../fontsmerriweather_light-webfont.ttf") format("truetype"), url("../fontsmerriweather_light-webfont.svg#merriweather_lightregular") format("svg");
+  src: url("../fonts/merriweather_light-webfont.eot");
+  src: url("../fonts/merriweather_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather_light-webfont.woff2") format("woff2"), url("../fonts/merriweather_light-webfont.woff") format("woff"), url("../fonts/merriweather_light-webfont.ttf") format("truetype"), url("../fonts/merriweather_light-webfont.svg#merriweather_lightregular") format("svg");
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: "merriweatherlight";
-  src: url("../fontsmerriweather-lightitalic-webfont.eot");
-  src: url("../fontsmerriweather-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fontsmerriweather-lightitalic-webfont.woff2") format("woff2"), url("../fontsmerriweather-lightitalic-webfont.woff") format("woff"), url("../fontsmerriweather-lightitalic-webfont.ttf") format("truetype"), url("../fontsmerriweather-lightitalic-webfont.svg#merriweatherlight_italic") format("svg");
+  src: url("../fonts/merriweather-lightitalic-webfont.eot");
+  src: url("../fonts/merriweather-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/merriweather-lightitalic-webfont.woff2") format("woff2"), url("../fonts/merriweather-lightitalic-webfont.woff") format("woff"), url("../fonts/merriweather-lightitalic-webfont.ttf") format("truetype"), url("../fonts/merriweather-lightitalic-webfont.svg#merriweatherlight_italic") format("svg");
   font-weight: normal;
   font-style: italic;
 }
+h1 {
+  font-size: 3.25rem;
+}
+
+h2 {
+  font-size: 2.5rem;
+}
+
+h3 {
+  font-size: 2rem;
+}
+
+h4 {
+  font-size: 1.75rem;
+}
+
+h5 {
+  font-size: 1.5rem;
+}
+
+h6 {
+  font-size: 1.25rem;
+}
+
 .header {
   background-color: #67536c;
   color: #eed7f4;
@@ -152,17 +188,15 @@ body {
 .header .title {
   display: flex;
   align-items: center;
-  margin-top: 1em;
-  padding-bottom: 0.5em;
 }
 .header .title .logo {
-  height: 75%;
+  height: 70%;
   border-radius: 50%;
 }
 .header .title h1 {
   font-weight: 200;
   flex-grow: 1;
-  margin-left: 1em;
+  margin-left: 0.5em;
 }
 .header .menu ul {
   padding-left: 0;
@@ -201,7 +235,7 @@ body {
 }
 
 #contact {
-  font-size: 1.125rem;
+  font-size: 1rem;
 }
 #contact ul {
   padding-left: 0;
@@ -209,6 +243,14 @@ body {
 #contact ul li {
   list-style: none;
 }
+#contact .prof {
+  margin-top: 1em;
+}
+@media (min-width: 75em) {
+  #contact .prof {
+    margin-top: 0;
+  }
+}
 
 #personnel,
 #professionnel,
@@ -226,11 +268,13 @@ body {
 }
 #online p {
   margin-right: 1em;
+  margin-bottom: 0;
 }
 
 .footer {
   background-color: #67536c;
   color: #eed7f4;
+  font-size: 1rem;
   text-align: right;
   margin-top: 2em;
 }
@@ -252,10 +296,11 @@ body {
 body {
   font-family: "merriweatherlight", serif;
   font-size: 1.25rem;
+  line-height: 1.375;
 }
 
 code {
-  font-size: 0.875rem;
+  font-size: 1rem;
 }
 
 .smallcaps {
diff --git a/css/style.css.map b/css/style.css.map
index 9c73b21..bd13aae 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/style.scss","../scss/_variables.scss","../scss/_normalize.scss","../scss/_grid.scss","../scss/_fonts.scss","../scss/_header.scss","../scss/_content.scss","../scss/_footer.scss"],"names":[],"mappings":"AAAA;AAAA;;AAAA;;AAAA;AAAA;ACAA;AAAA;;AAAA;;AAAA;AAAA;AAaA;AAAA;;AAAA;;AAAA;AAAA;AAcA;AAAA;;AAAA;;AAAA;AAAA;AAqBA;AAAA;;AAAA;;AAAA;AAAA;AChDA;AAAA;EAEI;EACA;;;ACHJ;EACE;EASD;EACA;EACA;;AFyBE;EErCH;IAGI;IACA;;;AFoCD;EExCH;IAOG;IACA;;;;AAOH;EACE;EACA;EACA;EAWD;EACA;EACA;;AFME;EEtBH;IAKI;IACA;IACA;;;AFkBD;EEzBH;IAUG;IACA;IACA;;;AAKF;EACC;EACA;;AAEF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EASD;EACA;;AFlBE;EEKH;IAKI;IACA;;;AFRD;EEEH;IASG;IACA;;;AAIF;EACC;;;AAIF;EACE;EACA;;;AF1BC;EE6BH;IAEI;IACA;IACA;;EACA;IACE;;EAEF;IACE;;;;AC3EN;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;ACrBJ;EACE,kBJoBY;EInBZ,OJoBa;;AInBb;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AJ0CJ;EACE;EACA;;AACA;EACE;;AIzCF;EACE;;AAEF;EACE;EACA;;AAEF;EACE,OJNS;EIOT;EACA;EACA;EACA;EACA;;;ACjCN;EACE,OLwBW;;AKvBX;EACE,OLoBkB;;AKlBpB;EACE,OLgBW;;AKdb;EACE,OLYU;;;AKRd;EACE,WLJgB;;AKKhB;EACE;;AACA;EACE;;;AAKN;AAAA;AAAA;AAAA;EAIE;;;AAIA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;ACvCJ;EACE,kBNoBY;EMnBZ,ONoBa;EMnBb;EACA;;AACA;EACE;;ANmDF;EACE;EACA;;AACA;EACE;;AMpDJ;EACE,ONYW;EMXX;;;APOJ;EACE,aCXU;EDYV,WCXe;;;ADcjB;EACE,WCbkB;;;ADgBpB;EACE","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/style.scss","../scss/_variables.scss","../scss/_normalize.scss","../scss/_grid.scss","../scss/_fonts.scss","../scss/_header.scss","../scss/_content.scss","../scss/_footer.scss"],"names":[],"mappings":"AAAA;AAAA;;AAAA;;AAAA;AAAA;ACAA;AAAA;;AAAA;;AAAA;AAAA;AAmBA;AAAA;;AAAA;;AAAA;AAAA;AAcA;AAAA;;AAAA;;AAAA;AAAA;AAuBA;AAAA;;AAAA;;AAAA;AAAA;ACxDA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASI;EACA;;;ACVJ;EACE;EACA;EACA;EACA;;AF0CC;EE9CH;IAMG;IACA;;;AFoCA;EE3CH;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AF4BC;EElCH;IAQI;;;AFuBD;EE/BH;IAWG;IACA;IACA;;;AFeA;EE5BH;IAgBI;IACA;IACA;;;AAEF;EACC;EACA;;AAED;EACC;EACA;;;AAIH;EACE;EACA;EACA;EACA;EACA;;AFJC;EEDH;IAOG;IACA;;;AFVA;EEEH;IAWI;IACA;;;AAEF;EACC;;;AAIH;EACE;EACA;;;AFvBC;EE0BH;IAEI;IACA;IACA;;EACA;IACE;;EAEF;IACE;;;;AC9EN;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EAAK,WHdU;;;AGef;EAAK,WHdU;;;AGef;EAAK,WHdU;;;AGef;EAAK,WHdU;;;AGef;EAAK,WHdU;;;AGef;EAAK,WHpBY;;;AITjB;EACE,kBJ0BY;EIzBZ,OJ0Ba;;AIzBb;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AJoDJ;EACE;EACA;;AACA;EACE;;AInDF;EACE;;AAEF;EACE;EACA;;AAEF;EACE,OJES;EIDT;EACA;EACA;EACA;EACA;;;AC/BN;EACE,OL8BW;;AK7BX;EACE,OL0BkB;;AKxBpB;EACE,OLsBW;;AKpBb;EACE,OLkBU;;;AKdd;EACE,WLEgB;;AKDhB;EACE;;AACA;EACE;;AAGJ;EACE;;ALqBD;EKtBD;IAGI;;;;AAKN;AAAA;AAAA;AAAA;EAIE;;;AAIA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;;AC9CJ;EACE,kBN0BY;EMzBZ,ON0Ba;EMzBb,WNagB;EMZhB;EACA;;AACA;EACE;;AN0DF;EACE;EACA;;AACA;EACE;;AM3DJ;EACE,ONiBW;EMhBX;;;APMJ;EACE,aCXU;EDYV,WCXe;EDYf,aCJiB;;;ADOnB;EACE,WCTgB;;;ADYlB;EACE","file":"style.css"}
\ No newline at end of file
diff --git a/css/style.min.css b/css/style.min.css
index 086356d..6087ea4 100644
--- a/css/style.min.css
+++ b/css/style.min.css
@@ -1 +1 @@
-html,body{margin:0;padding:0}body{display:grid;grid-template-columns:[left-gutter] 1em [content] auto [right-gutter] 1em;grid-template-rows:[header] 30% [body] auto [footer] 30%;grid-column-gap:0}@media(min-width: 70em){body{grid-template-columns:[left-gutter] 1fr [content] 2fr [right-gutter] 1fr;grid-column-gap:1em}}@media(min-width: 50em)and (max-width: 70em){body{grid-template-columns:[left-gutter] 1fr [content] 4fr [right-gutter] 1fr;grid-column-gap:1em}}.header{grid-row:header;grid-column:left-gutter/4;display:grid;grid-template-columns:[header-left-gutter] 1em [title] auto [header-right-gutter] 1em;grid-template-rows:[title] auto [menu] auto;grid-column-gap:0}@media(min-width: 70em){.header{grid-template-columns:[header-left-gutter] 1fr [title] 2fr [header-right-gutter] 1fr;grid-template-rows:[title] auto [menu] auto;grid-column-gap:1em}}@media(min-width: 50em)and (max-width: 70em){.header{grid-template-columns:[header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;grid-template-rows:[title] auto [menu] auto;grid-column-gap:1em}}.header .title{grid-column:title;grid-row:title}.header .menu{grid-row:menu;grid-column:title}.footer{grid-row:footer;grid-column:left-gutter/4;display:grid;grid-template-columns:[footer-left-gutter] 1em [center] auto [footer-right-gutter] 1em;grid-column-gap:0}@media(min-width: 70em){.footer{grid-template-columns:[footer-left-gutter] 1fr [center] 2fr [footer-right-gutter] 1fr;grid-column-gap:1em}}@media(min-width: 50em)and (max-width: 70em){.footer{grid-template-columns:[footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;grid-column-gap:1em}}.footer ul{grid-column:center}.content{grid-row:body;grid-column:content}@media(min-width: 70em){#contact{display:grid;grid-template-columns:[pers] 1fr [prof] 1fr;grid-column-gap:1em}#contact .perso{grid-column:pers}#contact .prof{grid-column:prof}}@font-face{font-family:"merriweatherlight";src:url("../fonts/merriweather_light-webfont.eot");src:url("../fonts/merriweather_light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/merriweather_light-webfont.woff2") format("woff2"),url("../fonts/merriweather_light-webfont.woff") format("woff"),url("../fonts/merriweather_light-webfont.ttf") format("truetype"),url("../fonts/merriweather_light-webfont.svg#merriweather_lightregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"merriweatherlight";src:url("../fonts/merriweather-lightitalic-webfont.eot");src:url("../fonts/merriweather-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/merriweather-lightitalic-webfont.woff2") format("woff2"),url("../fonts/merriweather-lightitalic-webfont.woff") format("woff"),url("../fonts/merriweather-lightitalic-webfont.ttf") format("truetype"),url("../fonts/merriweather-lightitalic-webfont.svg#merriweatherlight_italic") format("svg");font-weight:normal;font-style:italic}.header{background-color:#67536c;color:#eed7f4}.header .title{display:flex;align-items:center;margin-top:1em;padding-bottom:.5em}.header .title .logo{height:75%;border-radius:50%}.header .title h1{font-weight:200;flex-grow:1;margin-left:1em}.header .menu ul{padding-left:0;list-style:none}.header .menu ul li{display:inline-block}.header .menu ul{margin-top:0}.header .menu li{margin-right:.1em;margin-top:1em}.header .menu a{color:#eed7f4;text-decoration:none;padding:5px;border:1px solid;border-radius:5px;box-shadow:1px 1px 1px #333}.content{color:#333}.content a{color:#bb5fd3}.content a:hover{color:#eed7f4}.content a:visited{color:#67536c}#contact{font-size:1.125rem}#contact ul{padding-left:0}#contact ul li{list-style:none}#personnel,#professionnel,#contact,#online{margin-top:2em}#online section{display:flex;flex-wrap:wrap}#online h2{margin-bottom:0}#online p{margin-right:1em;margin-bottom:0}.footer{background-color:#67536c;color:#eed7f4;font-size:1.125rem;text-align:right;margin-top:2em}.footer ul{margin:2em 0}.footer ul{padding-left:0;list-style:none}.footer ul li{display:inline-block}.footer a{color:#eed7f4;text-decoration:none}body{font-family:"merriweatherlight",serif;font-size:1.25rem;line-height:1.5em}code{font-size:.875rem}.smallcaps{font-variant:small-caps}/*# sourceMappingURL=style.min.css.map */
+html,body,h1,h2,h3,h4,h5,h6,ul{margin:0;padding:0}body{display:grid;grid-template-columns:[left-gutter] 5% [content] 90% [right-gutter] 5%;grid-template-rows:[header] 10% [body] auto [footer] 30%;grid-column-gap:0}@media(min-width: 47.5em){body{grid-template-columns:[left-gutter] 1fr [content] 4fr [right-gutter] 1fr;grid-column-gap:1em}}@media(min-width: 75em){body{grid-template-columns:[left-gutter] 1fr [content] 2fr [right-gutter] 1fr;grid-column-gap:1em}}.header{grid-row:header;grid-column:left-gutter/4;display:grid;grid-template-columns:[header-left-gutter] 5% [title] 90% [header-right-gutter] 5%;grid-template-rows:[title] 7em [menu] 6em;grid-column-gap:0}@media(min-width: 25.625em){.header{grid-template-rows:[title] 7em [menu] 3.4em}}@media(min-width: 47.5em){.header{grid-template-columns:[header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;grid-template-rows:[title] 7em [menu] 3.4em;grid-column-gap:1em}}@media(min-width: 75em){.header{grid-template-columns:[header-left-gutter] 1fr [title] 2fr [header-right-gutter] 1fr;grid-template-rows:[title] 7em [menu] 3.4em;grid-column-gap:1em}}.header .title{grid-column:title;grid-row:title}.header .menu{grid-row:menu;grid-column:title}.footer{grid-row:footer;grid-column:left-gutter/4;display:grid;grid-template-columns:[footer-left-gutter] 5% [center] 90% [footer-right-gutter] 5%;grid-column-gap:0}@media(min-width: 47.5em){.footer{grid-template-columns:[footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;grid-column-gap:1em}}@media(min-width: 75em){.footer{grid-template-columns:[footer-left-gutter] 1fr [center] 2fr [footer-right-gutter] 1fr;grid-column-gap:1em}}.footer ul{grid-column:center}.content{grid-row:body;grid-column:content}@media(min-width: 75em){#contact{display:grid;grid-template-columns:[pers] 1fr [prof] 1fr;grid-column-gap:1em}#contact .perso{grid-column:pers}#contact .prof{grid-column:prof}}@font-face{font-family:"merriweatherlight";src:url("../fonts/merriweather_light-webfont.eot");src:url("../fonts/merriweather_light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/merriweather_light-webfont.woff2") format("woff2"),url("../fonts/merriweather_light-webfont.woff") format("woff"),url("../fonts/merriweather_light-webfont.ttf") format("truetype"),url("../fonts/merriweather_light-webfont.svg#merriweather_lightregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"merriweatherlight";src:url("../fonts/merriweather-lightitalic-webfont.eot");src:url("../fonts/merriweather-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/merriweather-lightitalic-webfont.woff2") format("woff2"),url("../fonts/merriweather-lightitalic-webfont.woff") format("woff"),url("../fonts/merriweather-lightitalic-webfont.ttf") format("truetype"),url("../fonts/merriweather-lightitalic-webfont.svg#merriweatherlight_italic") format("svg");font-weight:normal;font-style:italic}h1{font-size:3.25rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}.header{background-color:#67536c;color:#eed7f4}.header .title{display:flex;align-items:center}.header .title .logo{height:70%;border-radius:50%}.header .title h1{font-weight:200;flex-grow:1;margin-left:.5em}.header .menu ul{padding-left:0;list-style:none}.header .menu ul li{display:inline-block}.header .menu ul{margin-top:0}.header .menu li{margin-right:.1em;margin-top:1em}.header .menu a{color:#eed7f4;text-decoration:none;padding:5px;border:1px solid;border-radius:5px;box-shadow:1px 1px 1px #333}.content{color:#333}.content a{color:#bb5fd3}.content a:hover{color:#eed7f4}.content a:visited{color:#67536c}#contact{font-size:1rem}#contact ul{padding-left:0}#contact ul li{list-style:none}#contact .prof{margin-top:1em}@media(min-width: 75em){#contact .prof{margin-top:0}}#personnel,#professionnel,#contact,#online{margin-top:2em}#online section{display:flex;flex-wrap:wrap}#online h2{margin-bottom:0}#online p{margin-right:1em;margin-bottom:0}.footer{background-color:#67536c;color:#eed7f4;font-size:1rem;text-align:right;margin-top:2em}.footer ul{margin:2em 0}.footer ul{padding-left:0;list-style:none}.footer ul li{display:inline-block}.footer a{color:#eed7f4;text-decoration:none}body{font-family:"merriweatherlight",serif;font-size:1.25rem;line-height:1.375}code{font-size:1rem}.smallcaps{font-variant:small-caps}/*# sourceMappingURL=style.min.css.map */
diff --git a/css/style.min.css.map b/css/style.min.css.map
index 176ac4d..eabd756 100644
--- a/css/style.min.css.map
+++ b/css/style.min.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_normalize.scss","../scss/_grid.scss","../scss/_variables.scss","../scss/_fonts.scss","../scss/_header.scss","../scss/_content.scss","../scss/_footer.scss","../scss/style.scss"],"names":[],"mappings":"AAAA,UAEI,SACA,UCHJ,KACE,aASD,0EACA,yDACA,kBC0BE,wBDtCH,KAGI,yEACA,qBCqCD,6CDzCH,KAOG,yEACA,qBAOH,QACE,gBACA,0BACA,aAWD,sFACA,4CACA,kBCOE,wBDvBH,QAKI,qFACA,4CACA,qBCmBD,6CD1BH,QAUG,qFACA,4CACA,qBAKF,eACC,kBACA,eAEF,cACE,cACA,kBAIF,QACE,gBACA,0BACA,aASD,uFACA,kBCjBE,wBDIH,QAKI,sFACA,qBCPD,6CDCH,QASG,sFACA,qBAIF,WACC,mBAIF,SACE,cACA,oBCzBC,wBD4BH,SAEI,aACA,4CACA,oBACA,gBACE,iBAEF,eACE,kBE3EN,WACI,gCACA,mDACA,+WAKA,mBACA,kBAGJ,WACI,gCACA,yDACA,4YAKA,mBACA,kBCrBJ,QACE,iBFqBY,QEpBZ,MFqBa,QEpBb,eACE,aACA,mBACA,eACA,oBACA,qBACE,WACA,kBAEF,kBACE,gBACA,YACA,gBF2CJ,iBACE,eACA,gBACA,oBACE,qBE1CF,iBACE,aAEF,iBACE,kBACA,eAEF,gBACE,MFLS,QEMT,qBACA,YACA,iBACA,kBACA,4BCjCN,SACE,MHyBW,KGxBX,WACE,MHqBkB,QGnBpB,iBACE,MHiBW,QGfb,mBACE,MHaU,QGTd,SACE,UHJgB,SGKhB,YACE,eACA,eACE,gBAKN,2CAIE,eAIA,gBACE,aACA,eAEF,WACE,gBAEF,UACE,iBACA,gBCxCJ,QACE,iBJqBY,QIpBZ,MJqBa,QIpBb,UJOgB,SINhB,iBACA,eACA,WACE,aJmDF,WACE,eACA,gBACA,cACE,qBIpDJ,UACE,MJYW,QIXX,qBCMJ,KACE,YLXU,0BKYV,ULXe,QKYf,YLTiB,MKYnB,KACE,ULdkB,QKiBpB,WACE","file":"style.min.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/_normalize.scss","../scss/_grid.scss","../scss/_variables.scss","../scss/_fonts.scss","../scss/_header.scss","../scss/_content.scss","../scss/_footer.scss","../scss/style.scss"],"names":[],"mappings":"AAAA,+BASI,SACA,UCVJ,KACE,aACA,uEACA,yDACA,kBC0CC,0BD9CH,KAMG,yEACA,qBCoCA,wBD3CH,KAUI,yEACA,qBAIJ,QACE,gBACA,0BACA,aACA,mFACA,0CACA,kBC4BC,4BDlCH,QAQI,6CCuBD,0BD/BH,QAWG,qFACA,4CACA,qBCeA,wBD5BH,QAgBI,qFACA,4CACA,qBAEF,eACC,kBACA,eAED,cACC,cACA,kBAIH,QACE,gBACA,0BACA,aACA,oFACA,kBCJC,0BDDH,QAOG,sFACA,qBCVA,wBDEH,QAWI,sFACA,qBAEF,WACC,mBAIH,SACE,cACA,oBCvBC,wBD0BH,SAEI,aACA,4CACA,oBACA,gBACE,iBAEF,eACE,kBE9EN,WACI,gCACA,mDACA,+WAKA,mBACA,kBAGJ,WACI,gCACA,yDACA,4YAKA,mBACA,kBAGJ,aDde,QCef,aDde,OCef,aDde,KCef,aDde,QCef,aDde,OCef,aDpBiB,QETjB,QACE,iBF0BY,QEzBZ,MF0Ba,QEzBb,eACE,aACA,mBACA,qBACE,WACA,kBAEF,kBACE,gBACA,YACA,iBFoDJ,iBACE,eACA,gBACA,oBACE,qBEnDF,iBACE,aAEF,iBACE,kBACA,eAEF,gBACE,MFES,QEDT,qBACA,YACA,iBACA,kBACA,4BC/BN,SACE,MH8BW,KG7BX,WACE,MH0BkB,QGxBpB,iBACE,MHsBW,QGpBb,mBACE,MHkBU,QGdd,SACE,UHEgB,KGDhB,YACE,eACA,eACE,gBAGJ,eACE,eHqBD,wBGtBD,eAGI,cAKN,2CAIE,eAIA,gBACE,aACA,eAEF,WACE,gBAEF,UACE,iBACA,gBC9CJ,QACE,iBJ0BY,QIzBZ,MJ0Ba,QIzBb,UJagB,KIZhB,iBACA,eACA,WACE,aJ0DF,WACE,eACA,gBACA,cACE,qBI3DJ,UACE,MJiBW,QIhBX,qBCMJ,KACE,YLXU,0BKYV,ULXe,QKYf,YLJiB,MKOnB,KACE,ULTgB,KKYlB,WACE","file":"style.min.css"}
\ No newline at end of file
diff --git a/img/avatar.png b/img/avatar.png
new file mode 100644
index 0000000..ac0422d
Binary files /dev/null and b/img/avatar.png differ
diff --git a/img/avatar.svg b/img/avatar.svg
deleted file mode 100644
index cbc0f6c..0000000
--- a/img/avatar.svg
+++ /dev/null
@@ -1,106 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="64px"
-   height="64px"
-   id="svg3959"
-   version="1.1"
-   inkscape:version="0.48.5 r10040"
-   sodipodi:docname="avatar2d-square.svg"
-   inkscape:export-filename="/home/igor/creation/Images/avatar/neo-avatar_square-256.png"
-   inkscape:export-xdpi="361.08447"
-   inkscape:export-ydpi="361.08447">
-  <defs
-     id="defs3961">
-    <filter
-       id="filter3061"
-       inkscape:label="Darken edges"
-       inkscape:menu="Shadows and Glows"
-       inkscape:menu-tooltip="Darken the edges with an inner blur"
-       color-interpolation-filters="sRGB">
-      <feGaussianBlur
-         id="feGaussianBlur3063"
-         result="result6"
-         stdDeviation="1.5" />
-      <feComposite
-         id="feComposite3065"
-         in2="result6"
-         operator="atop"
-         in="SourceGraphic"
-         result="result8" />
-      <feComposite
-         id="feComposite3067"
-         in2="SourceAlpha"
-         in="result8"
-         operator="atop"
-         result="result9" />
-    </filter>
-  </defs>
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="16"
-     inkscape:cx="38.018312"
-     inkscape:cy="29.800736"
-     inkscape:current-layer="layer1"
-     showgrid="true"
-     inkscape:document-units="px"
-     inkscape:grid-bbox="true"
-     inkscape:window-width="2560"
-     inkscape:window-height="1340"
-     inkscape:window-x="0"
-     inkscape:window-y="49"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata3964">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     id="layer1"
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer">
-    <rect
-       style="fill:#eed7f4;fill-opacity:1;fill-rule:nonzero;stroke:none"
-       id="rect3469"
-       width="64.523491"
-       height="63.904778"
-       x="-0.17677671"
-       y="0.0068362518"
-       inkscape:export-filename="/home/igor/creation/Images/avatar/neo-avatar-square-256.png"
-       inkscape:export-xdpi="358.36905"
-       inkscape:export-ydpi="358.36905" />
-    <path
-       id="path3957"
-       style="fill:#67536c"
-       d="m 13.676689,63.986481 c 0.979339,-1.553384 3.346734,-5.721263 3.505556,-7.562989 0.228537,-2.650159 -0.183937,-6.446917 -0.667506,-6.446917 C 7.7563433,55.679648 8.0852363,62.832132 6.2512673,64.171901 l -3.3668336,0.04663 -3.08212196,-0.05849 0.04102,-1.55278 2.34186396,-4.838992 5.1206546,-7.252077 c 2.6087877,-3.694669 7.6164437,-6.598555 8.3549377,-6.598555 0.289253,0 0.889577,0.63903 1.334059,1.420066 0.444472,0.781036 1.353088,1.811481 2.019153,2.289881 2.157685,1.549761 5.003377,3.259664 5.295692,3.182041 0.664808,0.337958 1.02846,0.224319 1.668042,0.421381 0.597708,0.307783 1.856181,0.758072 2.796607,1.000639 0.940425,0.242566 2.393812,0.747147 3.229745,1.12129 1.763005,0.789077 3.628709,1.039601 4.237625,1.221424 0.493936,0.14749 2.169458,3.1074 2.568102,3.855466 0.18256,0.342579 0.465006,0.60802 0.730554,1.009312 0.425719,0.643341 2.734312,3.906788 2.800684,4.551454 -2.485132,0.04253 -4.873298,0.02435 -7.391085,0.03381 -4.020945,0.01511 -8.236264,-0.116468 -12.061117,0.02289 -2.159684,0.07869 -4.210905,-0.0185 -6.126059,-0.05399 -0.643328,-0.01192 -1.249408,-0.002 -1.874942,0.0146 -0.398592,0.01059 -0.823645,0.07032 -1.211158,-0.02142 z m 29.383743,0.05791 c -0.112185,-0.364483 -0.399059,-3.41732 -0.63749,-4.979392 -0.238432,-1.562072 -0.685037,-3.327107 -0.992455,-3.922297 -0.74016,-1.433012 -0.383059,-2.440604 1.403415,-3.959855 l 1.475952,-1.255178 1.045785,1.633863 c 0.575183,0.898625 1.331497,1.974678 1.680702,2.391231 0.649585,0.774864 2.185611,4.420096 2.99631,7.447729 0.879765,2.42106 1.032856,2.624564 0.432046,2.644892 -0.514198,0.0174 -1.597322,0.0093 -3.063081,-0.07079 -0.476427,-0.02604 -1.812743,0.05702 -2.903595,0.07491 -0.635131,0.01041 -1.18705,-0.104551 -1.437589,-0.0051 z m -6.045825,-14.58113 c -0.745974,-1.134647 -0.824582,-2.602531 -0.201495,-3.762829 0.166046,-0.309207 1.375713,-1.354432 1.503709,-1.573554 0.326333,-0.558663 0.08278,-0.712658 -0.510145,-0.878011 -0.462373,-0.09107 -0.791727,-2.063949 -0.383305,-3.109928 l -0.999779,0.243574 c -1.211283,0.295102 -1.556269,0.755698 -1.563914,2.088001 -0.0079,1.38033 -0.940878,2.204483 -2.495526,2.204483 -1.07707,0 -1.337171,-0.165414 -1.542568,-0.981015 -0.135881,-0.539561 -0.05365,-1.624382 0.182746,-2.410712 0.566,-1.882757 0.545923,-3.691602 -0.04518,-4.068469 -0.513002,-0.327084 -0.989329,-1.031059 -2.182086,-3.224969 -1.04499,-1.922107 -1.953909,-2.35693 -3.715556,-1.777502 -1.652855,0.543647 -2.223353,1.055752 -2.768736,2.485361 -0.450127,1.179919 -0.406954,4.776328 0.07317,6.095793 0.219182,0.602338 0.166707,0.852039 -0.179045,0.852039 -0.579441,0 -1.547479,-1.271898 -3.266192,-4.291445 -1.009232,-1.77308 -1.218727,-2.494352 -1.062227,-3.657162 0.109183,-0.811251 0.0123,-1.630478 -0.22016,-1.862176 -0.228297,-0.227529 -1.365193,-0.413689 -2.526435,-0.413689 -3.024678,0 -4.427391,-0.513299 -6.1018447,-2.232871 -2.562018,-2.63107 -3.303713,-8.058842 -1.564454,-11.448958 3.0350987,-5.915935 9.5487987,-8.967197 14.5527767,-6.817062 3.588734,1.542019 5.151639,4.780271 4.733572,9.807694 l -0.228852,2.752094 1.040632,-0.203172 c 2.152793,-0.420305 8.004633,-0.207523 9.628682,0.350113 0.90281,0.30999 1.709589,0.495739 1.792836,0.412769 0.08325,-0.08297 0.401043,-1.468704 0.706212,-3.079411 1.1977,-6.321628 4.067227,-9.341033 8.823554,-9.284417 3.211927,0.03823 5.906865,1.548536 7.509549,4.208504 2.972912,4.93413 2.417833,10.738007 -1.371286,14.338184 -1.820649,1.729864 -3.165885,2.35904 -5.57328,2.606665 l -2.047082,0.210564 0,1.840439 c 0,1.012246 -0.170986,1.840443 -0.379969,1.840443 -0.208984,0 -0.382783,-0.724234 -0.386222,-1.609407 -0.007,-1.790064 -1.39875,-4.638882 -2.266334,-4.638882 -0.356903,0 -0.684263,0.766343 -0.970581,2.272105 -0.237619,1.249658 -0.759276,2.822015 -1.159231,3.494131 -0.606573,1.019315 -0.875075,1.568372 -0.252236,1.982952 0.417478,0.277886 0.474962,1.353792 0.474962,2.078404 0,0.617407 -0.898491,2.650641 -0.151953,1.994377 0.242295,-0.212996 0.835123,0.02322 1.291864,0.485267 2.533594,2.563049 0.488829,7.142128 -3.769626,7.48523 -1.485391,0.119677 -1.62498,-0.154531 -2.428965,-0.803545 z m 8.478418,-9.086625 c 0,-0.07305 0.187712,-0.669483 0.417141,-1.325395 0.550524,-1.573891 1.15058,-1.543157 0.696242,0.03567 -0.194393,0.675528 -0.353444,1.271955 -0.353444,1.325398 0,0.05345 -0.170987,0.09717 -0.379969,0.09717 -0.208985,0 -0.37997,-0.05977 -0.37997,-0.132843 z"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="csccccccssssccssssscssssccssscsscsssccssccscssscssssssscssssscsscssssscsscsssssssscsssssss"
-       inkscape:export-filename="/home/igor/creation/Images/avatar/neo-avatar-square-256.png"
-       inkscape:export-xdpi="358.36905"
-       inkscape:export-ydpi="358.36905" />
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Copie de Layer 1"
-     id="g2994" />
-</svg>
diff --git a/img/cc-by-4.0.png b/img/cc-by-4.0.png
deleted file mode 100644
index 863f00b..0000000
Binary files a/img/cc-by-4.0.png and /dev/null differ
diff --git a/index.html b/index.html
index 881a903..555e015 100644
--- a/index.html
+++ b/index.html
@@ -15,19 +15,19 @@
 <body itemscope itemtype="https://schema.org/Person" class="person">
     <header class="header">
       <header class="title">
-        <img class="logo" alt="mon avatar, un micket fâché, en rose et violet" src="img/avatar.svg">
+        <img class="logo" alt="mon avatar, un micket fâché, en rose et violet" src="img/avatar.png">
         <h1 itemprop="name">iGor milhit</h1>
       </header>
       <nav class="menu">
         <ul>
-          <li class=""><a href="#personnel" class="">Personnel</a></li>
-          <li class=""><a href="#professionnel" class="">Professionnel</a></li>
-          <li class=""><a href="#online" class="">En ligne</a></li>
+          <li><a href="#personnel">Personnel</a></li>
+          <li><a href="#professionnel">Professionnel</a></li>
+          <li><a href="#online">En ligne</a></li>
         <ul>
       </nav>
     </header>
     <section class="content">
-      <section id="contact" class="">
+      <section id="contact">
         <ul class="perso">
           <li><i class="far fa-envelope"></i> privé : <a href="mailto:igor@milhit.ch" title="m'écrire" itemprop="email">igor@milhit.ch</a></li>
           <li><i class="fas fa-home"></i> :
@@ -58,11 +58,11 @@
           </li>
         </ul>
       </section>
-      <section id="personnel" class="">
+      <section id="personnel">
         <h2>Personnel</h2>
         <p>Vieux comme la <a href="https://fr.wikipedia.org/wiki/Premier_choc_pétrolier" title="Article Wikipedia sur le Premier choc pétrolier">crise du pétrole</a>, je suis né entre des livres, des taches d’encre et quelques <a href="https://www.discogs.com/fr/user/ignami/collection?sort=artist&amp;sort_order=asc" title="Mon compte Discogs">vinyles</a>. Les noyaux des centrales nucléaires se sont <a href="https://fr.wikipedia.org/wiki/Fusion_du_c%C5%93ur_d&#39;un_r%C3%A9acteur_nucl%C3%A9aire#Cas_r.C3.A9els" title="Section Cas réels de l'article Wikipedia sur la Fusion du co&oelig;ur d'un réacteur nucléaire">mises à fusionner</a>, les empires d’après les empires <a href="https://fr.wikipedia.org/wiki/Union_des_r%C3%A9publiques_socialistes_sovi%C3%A9tiques#Derni.C3.A8res_ann.C3.A9es_de_l.27URSS_.281985-1991.29" title="Section Dernières années de l'URSS de l'article Wikipedia sur l'URSS">s’écroulèrent</a> et s’écroulent encore, et à la croissance des montagnes de papiers s’ajoute la croissance des montagnes de déchets électroniques. Au milieu de cette dématérialisation joyeuse, j’observe les <a href="https://id-libre.org/blogigor/" title="blogiGor : traces éphémères">traces éphémères</a> de mon cheminement chaotique.</p>
       </section>
-      <section id="professionnel" class="">
+      <section id="professionnel">
         <h2>Professionnel</h2>
         <p>De métier, je suis <em><span itemprop="jobTitle">Spécialiste <span class="smallcaps">HES</span> en information documentaire</span></em>, ce qui peut se traduire par <em>artisan en sciences de l'information</em>. Plus précisément, je produis de l'information, je veille à son accessibilité et/ou à sa diffusion, à sa pérennité et à sa sécurité. Bien entendu, cette information peut prendre différentes formes, depuis les livres jusqu'aux données numériques de la recherche, en passant par la documentation technique, les documents administratifs, les articles scientifiques numériques, voire imprimés. Un domaine, ou plutôt des domaines divers et passionnants.</p>
         <p>Dans cet ensemble de tâches, je me suis assez rapidement concentré sur deux aspects principaux : la compréhension, la gestion et le développement des systèmes d'informations documentaires, et les méthodes modernes de publications, à savoir celles qui tentent de réellement tirer les conséquences du passage au numérique.<br />
@@ -72,20 +72,20 @@
         </p>
         <p>Depuis novembre 2016, je suis employé à la centrale <a href="http://rero.ch" title="site officiel de RERO"><em itemprop="worksFor"><abbr title="Réseau des bibliothèques de Suisse occidentale" class="smallcaps">rero</abbr></em></a>, principalement pour collaborer à l'écriture des <a href="https://www.rero.ch/page.php?section=infos&pageid=centre-competences-fr-20161027" title="Propostition de Centre de compétences et de services aux bibliothèques suisse">nouvelles aventures</a> du réseau.</p>
       </section>
-      <section id="online" class="">
+      <section id="online">
         <header>
           <h2>En ligne</h2>
         </header>
         <section>
-         <a href="https://id-libre.org/blogigor" title="Mon blog personnel"><p class=""><i class="fas fa-blog"></i> blogiGor</p></a>
-         <a href="https://fr.wikipedia.org/wiki/Utilisateur:IGor.avoi" title="Mon compte Wikipédia"><p class=""><i class="fab fa-wikipedia-w"></i> fr.wikipedia</p></a>
-         <a href="https://www.openstreetmap.org/user/iGormilhit" title="Mon compte OpenStreetMap"><p class=""><i class="far fa-map"></i> OpenStreetMap</p></a>
-         <a href="https://keybase.io/1g0r" title="Mon profil Keybase"><p class=""><i class="fab fa-keybase"></i> keybase</p></a>
-         <a rel="me" href="https://pouet.it/@im" title="Mon compte Mastodon"><p class=""><i class="fab fa-mastodon"></i> im@pouet.it</p></a>
-         <a href="https://twitter.com/igor_milhit" title="Mon compte Twitter"><p class=""><i class="fab fa-twitter"></i> @igor_milhit</p></a>
-         <a href="https://github.com/iGormilhit" title="Mon compte Github"><p class=""><i class="fab fa-github"></i> GitHub</p></a>
-         <a href="https://framagit.org/u/iGormilhit" title="Mon compte Framagit"><p class=""><i class="fab fa-gitlab"></i> Framagit</p></a>
-         <a href="https://www.discogs.com/user/ignami/collection" title="Mon compte Discogs"><p class=""><i class="fas fa-compact-disc"></i> discogs</p></a>
+         <a href="https://id-libre.org/blogigor" title="Mon blog personnel"><p><i class="fas fa-blog"></i> blogiGor</p></a>
+         <a href="https://fr.wikipedia.org/wiki/Utilisateur:IGor.avoi" title="Mon compte Wikipédia"><p><i class="fab fa-wikipedia-w"></i> fr.wikipedia</p></a>
+         <a href="https://www.openstreetmap.org/user/iGormilhit" title="Mon compte OpenStreetMap"><p><i class="far fa-map"></i> OpenStreetMap</p></a>
+         <a href="https://keybase.io/1g0r" title="Mon profil Keybase"><p><i class="fab fa-keybase"></i> keybase</p></a>
+         <a rel="me" href="https://pouet.it/@im" title="Mon compte Mastodon"><p><i class="fab fa-mastodon"></i> im@pouet.it</p></a>
+         <a href="https://twitter.com/igor_milhit" title="Mon compte Twitter"><p><i class="fab fa-twitter"></i> @igor_milhit</p></a>
+         <a href="https://github.com/iGormilhit" title="Mon compte Github"><p><i class="fab fa-github"></i> GitHub</p></a>
+         <a href="https://framagit.org/u/iGormilhit" title="Mon compte Framagit"><p><i class="fab fa-gitlab"></i> Framagit</p></a>
+         <a href="https://www.discogs.com/user/ignami/collection" title="Mon compte Discogs"><p><i class="fas fa-compact-disc"></i> discogs</p></a>
        </section>
      </section>
     </section>
@@ -98,8 +98,8 @@
           </a>
         </li>
         <li>
-          <a href="https://framagit.org/iGormilhit/igor.milhit/tags/1.1.0"
-             title="Dépôt sur framagit"> v.1.1.0 &mdash;
+          <a href="https://framagit.org/iGormilhit/igor.milhit/tags/1.1.1"
+             title="Dépôt sur framagit"> v.1.1.1 &mdash;
           </a>
         </li>
         <li>
diff --git a/scss/_content.scss b/scss/_content.scss
index 7ddeb89..39103e1 100644
--- a/scss/_content.scss
+++ b/scss/_content.scss
@@ -19,6 +19,12 @@
       list-style: none;
     }
   }
+  .prof {
+    margin-top: 1em;
+    @include breakpoint(l) {
+      margin-top: 0;
+    }
+  }
 }
 
 #personnel,
diff --git a/scss/_fonts.scss b/scss/_fonts.scss
index aa5e81c..cd0f4e7 100644
--- a/scss/_fonts.scss
+++ b/scss/_fonts.scss
@@ -21,3 +21,10 @@
     font-weight: normal;
     font-style: italic;
 }
+
+h1 { font-size: $font-size-h1; }
+h2 { font-size: $font-size-h2; }
+h3 { font-size: $font-size-h3; }
+h4 { font-size: $font-size-h4; }
+h5 { font-size: $font-size-h5; }
+h6 { font-size: $font-size-h6; }
diff --git a/scss/_grid.scss b/scss/_grid.scss
index ef1850b..15f439b 100644
--- a/scss/_grid.scss
+++ b/scss/_grid.scss
@@ -1,62 +1,65 @@
 body {
   display: grid;
-  @include breakpoint(desktop) {
+  grid-template-columns: [left-gutter] 5% [content] 90% [right-gutter] 5%;
+  grid-template-rows: [header] 10% [body] auto [footer] 30%;
+  grid-column-gap: 0;
+  @include breakpoint(m) {
+   grid-template-columns: [left-gutter] 1fr [content] 4fr [right-gutter] 1fr;
+   grid-column-gap: 1em;
+  }
+  @include breakpoint(l) {
     grid-template-columns: [left-gutter] 1fr [content] 2fr [right-gutter] 1fr;
     grid-column-gap: 1em;
   }
-  @include breakpoint(tablet) {
-   grid-template-columns: [left-gutter] 1fr [content] 4fr [right-gutter] 1fr;
-   grid-column-gap: 1em;
- }
- grid-template-columns: [left-gutter] 1em [content] auto [right-gutter] 1em;
- grid-template-rows: [header] 30% [body] auto [footer] 30%;
- grid-column-gap: 0;
 }
 
 .header {
   grid-row: header;
   grid-column: left-gutter / 4;
   display: grid;
-  @include breakpoint(desktop) {
+  grid-template-columns: [header-left-gutter] 5% [title] 90% [header-right-gutter] 5%;
+  grid-template-rows: [title] 7em [menu] 6em;
+  grid-column-gap: 0;
+  @include breakpoint(s) {
+    grid-template-rows: [title] 7em [menu] 3.4em;
+  }
+  @include breakpoint(m) {
+   grid-template-columns: [header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;
+   grid-template-rows: [title] 7em [menu] 3.4em;
+   grid-column-gap: 1em;
+  }
+  @include breakpoint(l) {
     grid-template-columns: [header-left-gutter] 1fr [title] 2fr [header-right-gutter] 1fr;
-    grid-template-rows: [title] auto [menu] auto;
+    grid-template-rows: [title] 7em [menu] 3.4em;
     grid-column-gap: 1em;
   }
-  @include breakpoint(tablet) {
-   grid-template-columns: [header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;
-   grid-template-rows: [title] auto [menu] auto;
-   grid-column-gap: 1em;
- }
- grid-template-columns: [header-left-gutter] 1em [title] auto [header-right-gutter] 1em;
- grid-template-rows: [title] auto [menu] auto;
- grid-column-gap: 0;
- .title {
-  grid-column: title;
-  grid-row: title;
-}
-.menu {
-  grid-row: menu;
-  grid-column: title;
-}
+  .title {
+   grid-column: title;
+   grid-row: title;
+  }
+  .menu {
+   grid-row: menu;
+   grid-column: title;
+  }
 }
 
 .footer {
   grid-row: footer;
   grid-column: left-gutter / 4;
   display: grid;
-  @include breakpoint(desktop) {
+  grid-template-columns: [footer-left-gutter] 5% [center] 90% [footer-right-gutter] 5%;
+  grid-column-gap: 0;
+  @include breakpoint(m) {
+   grid-template-columns: [footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;
+   grid-column-gap: 1em;
+  }
+  @include breakpoint(l) {
     grid-template-columns: [footer-left-gutter] 1fr [center] 2fr [footer-right-gutter] 1fr;
     grid-column-gap: 1em;
   }
-  @include breakpoint(tablet) {
-   grid-template-columns: [footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;
-   grid-column-gap: 1em;
- }
- grid-template-columns: [footer-left-gutter] 1em [center] auto [footer-right-gutter] 1em;
- grid-column-gap: 0;
- ul {
-  grid-column: center;
-}
+  ul {
+   grid-column: center;
+  }
 }
 
 .content {
@@ -65,7 +68,7 @@ body {
 }
 
 #contact {
-  @include breakpoint(desktop) {
+  @include breakpoint(l) {
     display: grid;
     grid-template-columns: [pers] 1fr [prof] 1fr;
     grid-column-gap: 1em;
diff --git a/scss/_header.scss b/scss/_header.scss
index 040410a..d6df8f1 100644
--- a/scss/_header.scss
+++ b/scss/_header.scss
@@ -4,16 +4,14 @@
   .title {
     display: flex;
     align-items: center;
-    margin-top: 1em;
-    padding-bottom: .5em;
     .logo {
-      height: 75%;
+      height: 70%;
       border-radius: 50%;
     }
     h1 {
       font-weight: 200;
       flex-grow: 1;
-      margin-left: 1em;
+      margin-left: .5em;
     }
   }
   .menu {
diff --git a/scss/_normalize.scss b/scss/_normalize.scss
index d872ba1..7ff8ef1 100644
--- a/scss/_normalize.scss
+++ b/scss/_normalize.scss
@@ -1,5 +1,12 @@
 html,
-body {
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul {
     margin: 0;
     padding: 0;
-}
\ No newline at end of file
+}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index acb4e47..380224a 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -7,10 +7,15 @@
 */
 
 $font-base: 'merriweatherlight', serif;
-$font-size-base: 1.250rem;
-$font-size-small: $font-size-base * .9;
-$font-size-smaller: $font-size-base * .7;
-$line-height-base: 1.5em;
+$font-size-base: 1.250rem;                        // 20px
+$font-size-h1: $font-size-base * 2.6;             // 52px
+$font-size-h2: $font-size-base * 2;               // 40px
+$font-size-h3: $font-size-base * 1.6;             // 32px
+$font-size-h4: $font-size-base * 1.4;             // 28px
+$font-size-h5: $font-size-base * 1.2;             // 24px
+$font-size-h6: $font-size-base;                   // 20px
+$font-size-small: $font-size-base * .8;           // 16px
+$line-height-base: 1.375;
 
 /*
   ********************
@@ -35,15 +40,17 @@ $gray-light: lighten($gray, 20);
 */
 
 @mixin breakpoint($point) {
- @if $point == desktop {
-   @media (min-width: 70em) { @content ; }
+ @if $point == l {
+   @media (min-width: 75em) { @content ; }
  }
- @else if $point == tablet {
-   @media (min-width: 50em) and (max-width: 70em) { @content ; }
+ @if $point == m {
+   @media (min-width: 47.5em) { @content ; }
  }
- @else if $point == mobile {
-   @media (max-width: 37.5em)  { @content ; }
-
+ @else if $point == s {
+   @media (min-width: 25.625em) { @content ; }
+ }
+ @else if $point == xs {
+   @media (max-width: 25.625em)  { @content ; }
  }
 }
 
diff --git a/scss/style.scss b/scss/style.scss
index d2f080e..4117341 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -23,7 +23,7 @@ body {
 }
 
 code {
-  font-size: $font-size-smaller;
+  font-size: $font-size-small;
 }
 
 .smallcaps {