diff --git a/app/answers.css b/app/answers.css
index 63545ff..3e7240c 100644
--- a/app/answers.css
+++ b/app/answers.css
@@ -1,14 +1,136 @@
 @font-face {
-  font-family: 'Open Sans';
+  font-family: 'opensanskata';
   src: url("./assets/OpenSans-Regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal; }
-
 body {
-  background-color: #efefef;
-  font-family: 'Open Sans', sans-serif;
+  font-family: 'opensanskata', sans-serif;
+}
+
+section {
+  border: 1px solid slategrey;
+  background-color: white;
+  position: relative;
+}
+
+h1, .h1 {
+  font-size: 2em;
   line-height: 1.25em;
   font-weight: normal;
-  letter-spacing: -0.01em;
+}
+h2 {
+  font-size: 1.625em;
+  line-height: 1.153em;
+  font-weight: normal;
+}
+h3 {
+  font-size: 1.375em;
+  line-height: 1.136em;
+  font-weight: normal;
+}
+h4 {
+  font-size: 1.125em;
+  line-height: 1.111em;
+  font-weight: normal;
+}
+
+.display-block img {
+  display: block;
+}
+
+.display-inline > * {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.medium-image img {
+  width: 150px;
+  height: 150px;
+}
+
+.small-image img {
+  width: 100px;
+  height: 100px;
+}
+
+.simple-box {
+  display: block;
+  padding: 1em;
+  background-color: tomato;
+  width: 5em;
+  height: 5em;
+}
+.simple-box img {
+  width: 100%;
+  height: 100%;
+}
+.simple-box--bordered {
+  border: 1em solid royalblue;
+}
+.simple-box--margined {
+  margin: 1em;
+}
+.simple-box--small {
+  box-sizing: border-box;
+}
+
+.box {
+  background-color: tomato;
+  text-indent: -1000px;
+  display: inline-block;
+  width: 5em;
+  height: 5em;
+  vertical-align: bottom;
+}
+
+.nolist {
+  padding-left: 0;
+  list-style-type: none;
+}
+
+.circle {
+  background-color: dodgerblue;
+  text-indent: -1000px;
+  display: inline-block;
+  width: 7em;
+  height: 7em;
+  border-radius: 50%;
+  vertical-align: bottom;
+}
+
+.outline {
+  display: inline-block;
+  width: 10em;
+  height: 10em;
+  border: 3px solid royalblue;
+  border-radius: 50%;
+  text-indent: -1000px;
+  box-sizing: border-box;
+  vertical-align: bottom;
+}
+
+.lawn {
+  display: block;
+  background-color: seagreen;
+  width: 20em;
+  height: 20em;
+  position: relative;
 }
 
+.ball {
+  display: block;
+  width: 4em;
+  height: 4em;
+  border-radius: 50%;
+  background-color: yellow;
+}
+
+.lawn-override {
+  position: static;
+}
+
+.ball--br {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
diff --git a/app/box-model.html b/app/box-model.html
index f6ef23e..6c9206f 100644
--- a/app/box-model.html
+++ b/app/box-model.html
@@ -17,8 +17,8 @@ <h2>The Box Model</h2>
       <p>Your version will be compared against <a target="blank"  href="/backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-box_0_phone.png">this</a> guide.</p>
 
       <section id="box-model-simple-box">
-        <div><img src='assets/kitten.jpg' alt='a kitten'></div>
-        <div><img src='assets/kitten.jpg' alt='a kitten'></div>
+        <div class="simple-box"><img src='assets/kitten.jpg' alt='a kitten'></div>
+        <div class="simple-box"><img src='assets/kitten.jpg' alt='a kitten'></div>
       </section>
 
     </li>
@@ -28,8 +28,8 @@ <h2>The Box Model</h2>
       <p>Your version will be compared against <a target="blank"  href="/backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-box_0_phone.png">this</a> guide.</p>
 
       <section id="box-model-simple-border-box">
-        <div><img src='assets/kitten.jpg' alt='a kitten'></div>
-        <div><img src='assets/kitten.jpg' alt='a kitten'></div>
+        <div class="simple-box simple-box--bordered"><img src='assets/kitten.jpg' alt='a kitten'></div>
+        <div class="simple-box simple-box--bordered"><img src='assets/kitten.jpg' alt='a kitten'></div>
       </section>
     </li>
 
@@ -39,8 +39,8 @@ <h2>The Box Model</h2>
       <p>Your version will be compared against <a target="blank"  href="/backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png">this</a> guide.</p>
 
       <section id="box-model-simple-border-margin-box">
-        <div><img src='assets/kitten.jpg' alt='a kitten'></div>
-        <div><img src='assets/kitten.jpg' alt='a kitten'></div>
+        <div class="simple-box simple-box--bordered simple-box--margined"><img src='assets/kitten.jpg' alt='a kitten'></div>
+        <div class="simple-box simple-box--bordered simple-box--margined"><img src='assets/kitten.jpg' alt='a kitten'></div>
       </section>
     </li>
   </ol>
diff --git a/app/css-shapes-101.html b/app/css-shapes-101.html
index 32906dc..4480be5 100644
--- a/app/css-shapes-101.html
+++ b/app/css-shapes-101.html
@@ -19,9 +19,9 @@ <h2>CSS shapes 101</h2>
       <section id="box-align">
 
         <div>
-          <div>list item</div>
-          <div>list item</div>
-          <div>list item</div>
+          <div class="box">list item</div>
+          <div class="box">list item</div>
+          <div class="box">list item</div>
         </div>
 
       </section>
@@ -33,10 +33,10 @@ <h2>CSS shapes 101</h2>
       <p>Your version will be compared against <a href="/backstop_data/bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png">this</a> guide.</p>
       <section id="circle-align">
 
-        <ul>
-          <li>list item</li>
-          <li>list item</li>
-          <li>list item</li>
+        <ul class="nolist">
+          <li class="circle">list item</li>
+          <li class="circle">list item</li>
+          <li class="circle">list item</li>
         </ul>
 
       </section>
@@ -48,9 +48,9 @@ <h2>CSS shapes 101</h2>
       <p>Your version will be compared against <a href="/backstop_data/bitmaps_reference/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png">this</a> guide.</p>
       <section id="circle-outlines-align">
 
-        <ol>
-          <li>list item</li>
-          <li>list item</li>
+        <ol class="nolist">
+          <li class="outline">list item</li>
+          <li class="outline">list item</li>
         </ol>
 
       </section>
@@ -62,10 +62,10 @@ <h2>CSS shapes 101</h2>
       <p>Your version will be compared against <a href="/backstop_data/bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png">this</a> guide.</p>
       <section id="shapes-align">
 
-        <ul>
-          <li>list item</li>
-          <li>list item</li>
-          <li>list item</li>
+        <ul class="nolist">
+          <li class="box">list item</li>
+          <li class="circle">list item</li>
+          <li class="outline">list item</li>
         </ul>
 
       </section>
diff --git a/app/display-inline-block.html b/app/display-inline-block.html
index fb53b89..a20ba65 100644
--- a/app/display-inline-block.html
+++ b/app/display-inline-block.html
@@ -18,7 +18,7 @@ <h2>Display: inline, inline-block, and block</h2>
 
       <section id="display-stack-images">
 
-        <div>
+        <div class="display-block">
           <img src='assets/kitten.jpg' alt='a kitten'>
           <img src='assets/puppy.jpg' alt='a puppy'>
         </div>
@@ -33,7 +33,7 @@ <h2>Display: inline, inline-block, and block</h2>
 
       <section id="display-align-images">
 
-        <div>
+        <div class="display-inline">
           <div><img src='assets/puppy.jpg' alt='a puppy'></div>
           <div><img src='assets/kitten.jpg' alt='a kitten'></div>
         </div>
@@ -51,10 +51,10 @@ <h2>Display: inline, inline-block, and block</h2>
 
      <section id="display-align-resize-images">
 
-      <div>
-        <div><img src='assets/kitten.jpg' alt='a kitten'></div>
-        <div><img src='assets/puppy.jpg' alt='a puppy'></div>
-        <span><img src='assets/chinchilla.jpg' alt='a chinchilla'></span>
+      <div class="display-inline">
+        <div class="medium-image"><img src='assets/kitten.jpg' alt='a kitten'></div>
+        <div class="small-image"><img src='assets/puppy.jpg' alt='a puppy'></div>
+        <span class="medium-image"><img src='assets/chinchilla.jpg' alt='a chinchilla'></span>
       </div>
 
      </section>
diff --git a/app/index.html b/app/index.html
index 4d0db9e..33a6bbf 100644
--- a/app/index.html
+++ b/app/index.html
@@ -16,6 +16,7 @@ <h1>In the following exercises, you will be asked to complete a series of CSS ka
   <h2>Contents</h2>
   <dl>
     <dt><a href="css-kata-boilerplate.html">CSS Kata boilerplate</a></dt>
+    <dt><a href="typography-101.html">Typography 101</a></dt>
     <dt><a href="display-inline-block.html">Display: inline, inline-block, and block</a></dt>
     <dt><a href="box-model.html">Box model</a></dt>
     <dt><a href="css-shapes-101.html">CSS shapes 101</a></dt>
diff --git a/app/positioning.html b/app/positioning.html
index 44b4149..89526d0 100644
--- a/app/positioning.html
+++ b/app/positioning.html
@@ -18,8 +18,8 @@ <h2>Positioning</h2>
       <p>Your version will be compared against <a target="blank" href="/backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-setup_0_phone.png">this</a> guide.</p>
 
       <section id="position-setup">
-        <div>
-          <div></div>
+        <div class="lawn">
+          <div class="ball"></div>
         </div>
       </section>
     </li>
@@ -29,8 +29,8 @@ <h2>Positioning</h2>
       <p>Your version will be compared against <a target="blank" href="/backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-bottom_0_phone.png">this</a> guide.</p>
 
       <section id="position-bottom">
-        <div>
-          <div></div>
+        <div class="lawn">
+          <div class="ball ball--br"></div>
         </div>
       </section>
     </li>
@@ -40,8 +40,8 @@ <h2>Positioning</h2>
       <p>Your version will be compared against <a target="blank" href="/backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-override_0_phone.png">this</a> guide.</p>
 
       <section id="position-override">
-        <div>
-          <div></div>
+        <div class="lawn lawn-override">
+          <div class="ball ball--br"></div>
         </div>
       </section>
     </li>
diff --git a/app/typography-101.html b/app/typography-101.html
new file mode 100644
index 0000000..18ae7d4
--- /dev/null
+++ b/app/typography-101.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Typography 101</title>
+  {{meta}}
+</head>
+<body>
+  {{header}}
+
+  <h2>Typography 101</h2>
+
+  <ol>
+    <li>
+      <p>The font 'Open Sans' has already been linked to this page. Style the page so that 'Open Sans' is the default font used across the site, and the body copy font size is 16px large, with a line-height of <code>1.25em</code>.</p>
+
+      <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png">this</a> guide.</p>
+
+      <section id="typography-body-font">
+
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, repudiandae, consectetur? Recusandae nisi error, maiores, labore commodi ullam voluptatum perferendis repellat, aliquam provident rem nostrum soluta vel dignissimos. Aspernatur, esse.</p>
+        <p>Ipsa, expedita? Quod ex voluptas repudiandae aspernatur maxime natus cum nam, ea consequuntur deleniti earum accusamus quidem perferendis optio voluptatibus, est officiis.</p>
+
+      </section>
+    </li>
+    <li>
+      <p>Style these headings to the following sizes:</p>
+      <table>
+        <thead>
+          <tr>
+            <th>Element</th>
+            <th>Font-family</th>
+            <th>Font size</th>
+            <th>Line height</th>
+            <th>Font weight</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>H1</td>
+            <td>'Open Sans', sans-serif</td>
+            <td>2em</td>
+            <td>1.25em</td>
+            <td>Normal</td>
+          </tr>
+          <tr>
+            <td>H2</td>
+            <td>'Open Sans', sans-serif</td>
+            <td>1.625em</td>
+            <td>1.153em</td>
+            <td>Normal</td>
+          </tr>
+          <tr>
+            <td>H3</td>
+            <td>'Open Sans', sans-serif</td>
+            <td>1.375em</td>
+            <td>1.136em</td>
+            <td>Normal</td>
+          </tr>
+          <tr>
+            <td>H4</td>
+            <td>'Open Sans', sans-serif</td>
+            <td>1.125em</td>
+            <td>1.111em</td>
+            <td>Normal</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png">this</a> guide.</p>
+
+      <section id="typography-headings">
+
+        <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eligendi molestiae aspernatur voluptatem accusantium facilis laborum aut laboriosam asperiores.</h1>
+        <h2>Iste odio ipsa voluptatem, excepturi cum natus dicta hic, veniam delectus nisi unde iusto error vitae inventore, sapiente adipisci quod pariatur suscipit.</h2>
+        <h3>Cumque, iusto architecto aliquid laborum corporis hic obcaecati quibusdam ad, cum, sint nihil quod voluptas. Esse accusantium, adipisci a quidem delectus veritatis.</h3>
+        <h4>Enim nam impedit, corporis distinctio perferendis numquam repellat esse ipsum quis, voluptatum itaque illo nulla, molestias placeat ab! Iste, minima ducimus aliquid.</h4>
+
+      </section>
+    </li>
+    <li>
+      <p>Without changing the element itself, style the following paragraph so that it looks like the <code>H1</code> from the previous example.</p>
+
+      <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png">this</a> guide.</p>
+
+      <section id="typography-faux-headings">
+
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius eligendi molestiae aspernatur voluptatem accusantium facilis laborum aut laboriosam asperiores.</p>
+
+      </section>
+    </li>
+  </ol>
+
+</body>
+</html>
diff --git a/backstop.json b/backstop.json
index e122d2d..0b713a8 100644
--- a/backstop.json
+++ b/backstop.json
@@ -14,17 +14,41 @@
       "selectors": [
         "#boilerplate-sections"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
 
+    {
+      "label": "Typography 101: Body text",
+      "url": "http://localhost:7000/app/typography-101.html",
+      "selectors": [
+        "#typography-body-font"
+      ],
+      "misMatchThreshold" : 0.1
+    },
+    {
+      "label": "Typography 101: Headings",
+      "url": "http://localhost:7000/app/typography-101.html",
+      "selectors": [
+        "#typography-headings"
+      ],
+      "misMatchThreshold" : 0.1
+    },
+    {
+      "label": "Typography 101: Faux Headings",
+      "url": "http://localhost:7000/app/typography-101.html",
+      "selectors": [
+        "#typography-faux-headings"
+      ],
+      "misMatchThreshold" : 0.1
+    },
+
+
     {
       "label": "Display: Stack",
       "url": "http://localhost:7000/app/display-inline-block.html",
       "selectors": [
         "#display-stack-images"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -33,7 +57,6 @@
       "selectors": [
         "#display-align-images"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -42,7 +65,6 @@
       "selectors": [
         "#display-align-resize-images"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
 
@@ -52,7 +74,6 @@
       "selectors": [
         "#box-model-simple-box"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -61,7 +82,6 @@
       "selectors": [
         "#box-model-simple-border-box"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -70,7 +90,6 @@
       "selectors": [
         "#box-model-simple-border-margin-box"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
 
@@ -80,7 +99,6 @@
       "selectors": [
         "#box-align"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -89,7 +107,6 @@
       "selectors": [
         "#circle-align"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -98,7 +115,6 @@
       "selectors": [
         "#circle-outlines-align"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -107,7 +123,6 @@
       "selectors": [
         "#shapes-align"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
 
@@ -117,7 +132,6 @@
       "selectors": [
         "#position-setup"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -126,7 +140,6 @@
       "selectors": [
         "#position-bottom"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     },
     {
@@ -135,7 +148,6 @@
       "selectors": [
         "#position-override"
       ],
-      "requireSameDimensions" : false,
       "misMatchThreshold" : 0.1
     }
 
diff --git a/backstop_data/bitmaps_reference/css_kata_Display_Align_0_display-align-images_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Display_Align_0_display-align-images_0_phone.png
index dd1bdff..9341a16 100644
Binary files a/backstop_data/bitmaps_reference/css_kata_Display_Align_0_display-align-images_0_phone.png and b/backstop_data/bitmaps_reference/css_kata_Display_Align_0_display-align-images_0_phone.png differ
diff --git a/backstop_data/bitmaps_reference/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png
index 37ebc18..08c56e3 100644
Binary files a/backstop_data/bitmaps_reference/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png and b/backstop_data/bitmaps_reference/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png differ
diff --git a/backstop_data/bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png
index 1fcb0a1..4629241 100644
Binary files a/backstop_data/bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png and b/backstop_data/bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png differ
diff --git a/backstop_data/bitmaps_reference/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png
index 58801f7..86b893d 100644
Binary files a/backstop_data/bitmaps_reference/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png and b/backstop_data/bitmaps_reference/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png differ
diff --git a/backstop_data/bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png
index 7cf1bd1..9cc3b1c 100644
Binary files a/backstop_data/bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png and b/backstop_data/bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png differ
diff --git a/backstop_data/bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png
index fdc5488..02a1b92 100644
Binary files a/backstop_data/bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png and b/backstop_data/bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png differ
diff --git a/backstop_data/bitmaps_reference/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png
new file mode 100644
index 0000000..e736452
Binary files /dev/null and b/backstop_data/bitmaps_reference/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png differ
diff --git a/backstop_data/bitmaps_reference/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png
new file mode 100644
index 0000000..fccfbd0
Binary files /dev/null and b/backstop_data/bitmaps_reference/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png differ
diff --git a/backstop_data/bitmaps_reference/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png
new file mode 100644
index 0000000..ce9d920
Binary files /dev/null and b/backstop_data/bitmaps_reference/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png differ
diff --git a/backstop_data/html_report/config.js b/backstop_data/html_report/config.js
index 35f23fe..1558475 100644
--- a/backstop_data/html_report/config.js
+++ b/backstop_data/html_report/config.js
@@ -4,7 +4,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
         "selector": "#boilerplate-sections",
         "fileName": "css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
         "label": "Boilerplate: Code sections",
@@ -22,10 +22,73 @@ report({
       },
       "status": "pass"
     },
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png",
+        "selector": "#typography-body-font",
+        "fileName": "css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png",
+        "label": "Typography 101: Body text",
+        "misMatchThreshold": 0.1,
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00",
+          "analysisTime": 12,
+          "getDiffImage": null
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png",
+        "selector": "#typography-headings",
+        "fileName": "css_kata_Typography_101_Headings_0_typography-headings_0_phone.png",
+        "label": "Typography 101: Headings",
+        "misMatchThreshold": 0.1,
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00",
+          "analysisTime": 41,
+          "getDiffImage": null
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
+        "selector": "#typography-faux-headings",
+        "fileName": "css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
+        "label": "Typography 101: Faux Headings",
+        "misMatchThreshold": 0.1,
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00",
+          "analysisTime": 16,
+          "getDiffImage": null
+        }
+      },
+      "status": "pass"
+    },
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Display_Stack_0_display-stack-images_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Display_Stack_0_display-stack-images_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Display_Stack_0_display-stack-images_0_phone.png",
         "selector": "#display-stack-images",
         "fileName": "css_kata_Display_Stack_0_display-stack-images_0_phone.png",
         "label": "Display: Stack",
@@ -37,7 +100,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 27,
+          "analysisTime": 25,
           "getDiffImage": null
         }
       },
@@ -46,7 +109,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Display_Align_0_display-align-images_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Display_Align_0_display-align-images_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Display_Align_0_display-align-images_0_phone.png",
         "selector": "#display-align-images",
         "fileName": "css_kata_Display_Align_0_display-align-images_0_phone.png",
         "label": "Display: Align",
@@ -58,7 +121,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 9,
+          "analysisTime": 11,
           "getDiffImage": null
         }
       },
@@ -67,7 +130,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
         "selector": "#display-align-resize-images",
         "fileName": "css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
         "label": "Display: Align and resize",
@@ -79,7 +142,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 8,
+          "analysisTime": 9,
           "getDiffImage": null
         }
       },
@@ -88,7 +151,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Box_model__0_box-model-simple-box_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Box_model__0_box-model-simple-box_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Box_model__0_box-model-simple-box_0_phone.png",
         "selector": "#box-model-simple-box",
         "fileName": "css_kata_Box_model__0_box-model-simple-box_0_phone.png",
         "label": "Box model: ",
@@ -109,7 +172,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-box_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Box_model__0_box-model-simple-border-box_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Box_model__0_box-model-simple-border-box_0_phone.png",
         "selector": "#box-model-simple-border-box",
         "fileName": "css_kata_Box_model__0_box-model-simple-border-box_0_phone.png",
         "label": "Box model: ",
@@ -121,7 +184,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 16,
+          "analysisTime": 12,
           "getDiffImage": null
         }
       },
@@ -130,7 +193,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
         "selector": "#box-model-simple-border-margin-box",
         "fileName": "css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
         "label": "Box model: ",
@@ -142,7 +205,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 14,
+          "analysisTime": 18,
           "getDiffImage": null
         }
       },
@@ -151,7 +214,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Shapes_Boxes_0_box-align_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Shapes_Boxes_0_box-align_0_phone.png",
         "selector": "#box-align",
         "fileName": "css_kata_Shapes_Boxes_0_box-align_0_phone.png",
         "label": "Shapes: Boxes",
@@ -172,7 +235,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Shapes_Circles_0_circle-align_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Shapes_Circles_0_circle-align_0_phone.png",
         "selector": "#circle-align",
         "fileName": "css_kata_Shapes_Circles_0_circle-align_0_phone.png",
         "label": "Shapes: Circles",
@@ -193,7 +256,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
         "selector": "#circle-outlines-align",
         "fileName": "css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
         "label": "Shapes: Circle Outlines",
@@ -205,7 +268,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 10,
+          "analysisTime": 9,
           "getDiffImage": null
         }
       },
@@ -214,7 +277,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Shapes_Combo_0_shapes-align_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Shapes_Combo_0_shapes-align_0_phone.png",
         "selector": "#shapes-align",
         "fileName": "css_kata_Shapes_Combo_0_shapes-align_0_phone.png",
         "label": "Shapes: Combo",
@@ -235,7 +298,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Position_Setup_0_position-setup_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Position_Setup_0_position-setup_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Position_Setup_0_position-setup_0_phone.png",
         "selector": "#position-setup",
         "fileName": "css_kata_Position_Setup_0_position-setup_0_phone.png",
         "label": "Position: Setup",
@@ -247,7 +310,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 18,
+          "analysisTime": 21,
           "getDiffImage": null
         }
       },
@@ -256,7 +319,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Position_Setup_0_position-bottom_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Position_Setup_0_position-bottom_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Position_Setup_0_position-bottom_0_phone.png",
         "selector": "#position-bottom",
         "fileName": "css_kata_Position_Setup_0_position-bottom_0_phone.png",
         "label": "Position: Setup",
@@ -268,7 +331,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 20,
+          "analysisTime": 17,
           "getDiffImage": null
         }
       },
@@ -277,7 +340,7 @@ report({
     {
       "pair": {
         "reference": "../bitmaps_reference/css_kata_Position_Setup_0_position-override_0_phone.png",
-        "test": "../bitmaps_test/20170425-094516/css_kata_Position_Setup_0_position-override_0_phone.png",
+        "test": "../bitmaps_test/20170425-101042/css_kata_Position_Setup_0_position-override_0_phone.png",
         "selector": "#position-override",
         "fileName": "css_kata_Position_Setup_0_position-override_0_phone.png",
         "label": "Position: Setup",
@@ -289,7 +352,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 18,
+          "analysisTime": 19,
           "getDiffImage": null
         }
       },