diff --git a/about/team.md b/about/team.md
index e82c3f8..b0b2d2e 100644
--- a/about/team.md
+++ b/about/team.md
@@ -10,8 +10,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/harry-roberts.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Harry Roberts</h2>
-        <h3>Lead Developer, Founder</h3>
+        <h2 class="c-bio-mini__title">Harry Roberts</h2>
+        <strong>Lead Developer, Founder</strong>
       </div>
     </figure>
 
@@ -20,8 +20,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/nenad-jelovac.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Nenad Jelovac</h2>
-        <h3>Core Developer</h3>
+        <h2 class="c-bio-mini__title">Nenad Jelovac</h2>
+        <strong>Core Developer</strong>
       </div>
     </figure>
 
@@ -30,8 +30,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/anselm-hannemann.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Anselm Hannemann</h2>
-        <h3>Core Developer</h3>
+        <h2 class="c-bio-mini__title">Anselm Hannemann</h2>
+        <strong>Core Developer</strong>
       </div>
     </figure>
 
@@ -40,8 +40,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/dennis-heibult.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Dennis Heibült</h2>
-        <h3>Core Developer</h3>
+        <h2 class="c-bio-mini__title">Dennis Heibült</h2>
+        <strong>Core Developer</strong>
       </div>
     </figure>
 
@@ -50,8 +50,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/florian-Bouvot.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Florian Bouvot</h2>
-        <h3>Core Developer</h3>
+        <h2 class="c-bio-mini__title">Florian Bouvot</h2>
+        <strong>Core Developer</strong>
       </div>
     </figure>
 
diff --git a/css/components/_components.bio-mini.scss b/css/components/_components.bio-mini.scss
index 960c155..4a43c8c 100644
--- a/css/components/_components.bio-mini.scss
+++ b/css/components/_components.bio-mini.scss
@@ -5,6 +5,11 @@
 .c-bio-mini {
   padding: $unit;
   background-color: color(primary);
+  //border-radius: $inuit-global-radius;
   color: color(pale);
-  border-radius: $inuit-global-radius;
 }
+
+  .c-bio-mini__title {
+    margin-bottom: 0;
+    color: color(pale);
+  }
diff --git a/css/elements/_elements.headings.scss b/css/elements/_elements.headings.scss
index e9ba430..4ce8e84 100644
--- a/css/elements/_elements.headings.scss
+++ b/css/elements/_elements.headings.scss
@@ -2,9 +2,24 @@
    #HEADINGS
    ========================================================================== */
 
+//$inuit-font-size-h6:  $inuit-global-font-size * 1.25;
+//$inuit-font-size-h5:  $inuit-font-size-h6 * 1.25;
+//$inuit-font-size-h4:  $inuit-font-size-h5 * 1.25;
+//$inuit-font-size-h3:  $inuit-font-size-h4 * 1.25;
+//$inuit-font-size-h2:  $inuit-font-size-h3 * 1.25;
+//$inuit-font-size-h1:  $inuit-font-size-h2 * 1.25;
+
+$inuit-font-size-h6:  22px;
+$inuit-font-size-h5:  22px;
+$inuit-font-size-h4:  22px;
+$inuit-font-size-h3:  22px;
+$inuit-font-size-h2:  22px;
+$inuit-font-size-h1:  22px;
+
 @import "../../node_modules/inuitcss/elements/elements.headings";
 
 h1, h2, h3, h4, h5, h6 {
-  font-weight: 200;
+  font-weight: 500;
   letter-spacing: 0.033333333em;
+  color: color(secondary);
 }
diff --git a/css/main.css b/css/main.css
index d115e0a..5351896 100644
--- a/css/main.css
+++ b/css/main.css
@@ -592,38 +592,39 @@ html {
  * http://csswizardry.com/2016/02/managing-typography-on-large-apps/).
  */
 h1 {
-  font-size: 2.25rem;
-  line-height: 1.333333333;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 h2 {
-  font-size: 1.75rem;
-  line-height: 1.714285714;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 h3 {
-  font-size: 1.5rem;
-  line-height: 1;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 h4 {
-  font-size: 1.25rem;
-  line-height: 1.2;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 h5 {
-  font-size: 1.125rem;
-  line-height: 1.333333333;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 h6 {
-  font-size: 1rem;
-  line-height: 1.5;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-weight: 200;
+  font-weight: 500;
   letter-spacing: 0.033333333em;
+  color: #2f4054;
 }
 
 /* ==========================================================================
@@ -1572,7 +1573,11 @@ a:hover, a:focus {
   padding: 24px;
   background-color: #4a8ec2;
   color: #fff;
-  border-radius: 3px;
+}
+
+.c-bio-mini__title {
+  margin-bottom: 0;
+  color: #fff;
 }
 
 /* ==========================================================================
@@ -2794,33 +2799,33 @@ a:hover, a:focus {
  *
  */
 .u-h1 {
-  font-size: 2.25rem;
-  line-height: 1.333333333;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 .u-h2 {
-  font-size: 1.75rem;
-  line-height: 1.714285714;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 .u-h3 {
-  font-size: 1.5rem;
-  line-height: 1;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 .u-h4 {
-  font-size: 1.25rem;
-  line-height: 1.2;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 .u-h5 {
-  font-size: 1.125rem;
-  line-height: 1.333333333;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 .u-h6 {
-  font-size: 1rem;
-  line-height: 1.5;
+  font-size: 1.375rem;
+  line-height: 1.090909091;
 }
 
 /* ==========================================================================
diff --git a/index.html b/index.html
index 2de471a..22c461d 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,12 @@ <h1 class="c-title-huge  will-grow">{{ site.description }}</h1>
   <pre><code>$ npm install --save inuitcss</code></pre>
 </div>
 
-<h1>Foo bar baz</h1>
+<h1>Heading 1</h1>
+<h2>Heading 2</h2>
+<h3>Heading 3</h3>
+<h4>Heading 4</h4>
+<h5>Heading 5</h5>
+<h6>Heading 6</h6>
 
 <main class="o-wrapper">