diff --git a/app/box-model.html b/app/box-model.html
index 442ebdf..f6ef23e 100644
--- a/app/box-model.html
+++ b/app/box-model.html
@@ -14,7 +14,7 @@ <h2>The Box Model</h2>
     <li>
       <p>Resize the kitten images so that they are in boxes with a <code>tomato</code> coloured border of 1em. The total size of the box should be 7em x 7em.</p>
 
-      <p>Your version will be compared against <a target="blank"  href="/backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-box_0_phone.png">this</a> guide.</p>
+      <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>
@@ -25,7 +25,7 @@ <h2>The Box Model</h2>
     <li>
       <p>Extend the above example so that a second 1em wide <code>royalblue</code> coloured border is shown. The total size of the box should be 9em x 9em.</p>
 
-      <p>Your version will be compared against <a target="blank"  href="/backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-border-box_0_phone.png">this</a> guide.</p>
+      <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>
@@ -36,7 +36,7 @@ <h2>The Box Model</h2>
     <li>
       <p>Extend the above example so that there is a 1em gap around both boxes.</p>
 
-      <p>Your version will be compared against <a target="blank"  href="/backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-border-margin-box_0_phone.png">this</a> guide.</p>
+      <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>
diff --git a/app/css-kata-boilerplate.html b/app/css-kata-boilerplate.html
index f2d4246..4eae967 100644
--- a/app/css-kata-boilerplate.html
+++ b/app/css-kata-boilerplate.html
@@ -15,7 +15,7 @@ <h2>CSS Kata boilerplate</h2>
       <p>Style all pages so that the background color is <code>#efefef</code>.</p>
       <p>Provide a solid, 1px wide, <code>`slategrey`</code> coloured border, and a white background, around all <code>sections</code> in the kata.</p>
 
-      <p>Your version will be compared against <a target="blank"  href="/backstop_data/bitmaps_reference/893397520_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png">this</a> guide.</p>
+      <p>Your version will be compared against <a target="blank"  href="/backstop_data/bitmaps_reference/css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png">this</a> guide.</p>
       <section id="boilerplate-sections">
         <img src='assets/kitten.jpg' alt='a kitten'>
       </section>
diff --git a/app/css-shapes-101.html b/app/css-shapes-101.html
index 3e96c72..32906dc 100644
--- a/app/css-shapes-101.html
+++ b/app/css-shapes-101.html
@@ -14,7 +14,7 @@ <h2>CSS shapes 101</h2>
     <li>
       <p>Create 3 <code>'tomato'</code> coloured boxes from the list items below, sized 5emｘ5em, aligned next to each other. The text should not be visible.</p>
 
-      <p>Your version will be compared against <a href="/backstop_data/bitmaps_reference/893397520_Shapes_Boxes_0_box-align_0_phone.png">this</a> guide.</p>
+      <p>Your version will be compared against <a href="/backstop_data/bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png">this</a> guide.</p>
 
       <section id="box-align">
 
@@ -30,7 +30,7 @@ <h2>CSS shapes 101</h2>
     <li>
       <p>Create 3 <code>`dodgerblue`</code> coloured circles from the list items below, sized 7emｘ7em, aligned next to each other. The text should not be visible.</p>
 
-      <p>Your version will be compared against <a href="/backstop_data/bitmaps_reference/893397520_Shapes_Circles_0_circle-align_0_phone.png">this</a> guide.</p>
+      <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>
@@ -45,7 +45,7 @@ <h2>CSS shapes 101</h2>
     <li>
       <p>Create 2 <code>royalblue</code> coloured circle outlines with 3px borders from the list items below, sized 10emｘ10em, aligned next to each other. The text should not be visible.</p>
 
-      <p>Your version will be compared against <a href="/backstop_data/bitmaps_reference/893397520_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png">this</a> guide.</p>
+      <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>
@@ -59,7 +59,7 @@ <h2>CSS shapes 101</h2>
     <li>
       <p>Using the three shapes you built in the above steps, change the following list items into a red box, a blue circle and a blue circle outline, all vertically aligned along the bottom</p>
 
-      <p>Your version will be compared against <a href="/backstop_data/bitmaps_reference/893397520_Shapes_Combo_0_shapes-align_0_phone.png">this</a> guide.</p>
+      <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>
diff --git a/app/display-inline-block.html b/app/display-inline-block.html
index 792910d..fb53b89 100644
--- a/app/display-inline-block.html
+++ b/app/display-inline-block.html
@@ -14,7 +14,7 @@ <h2>Display: inline, inline-block, and block</h2>
     <li>
       <p>Make the following images stack below each other.</p>
 
-      <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/893397520_Display_Stack_0_display-stack-images_0_phone.png">this</a> guide.</p>
+      <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/css_kata_Display_Stack_0_display-stack-images_0_phone.png">this</a> guide.</p>
 
       <section id="display-stack-images">
 
@@ -29,7 +29,7 @@ <h2>Display: inline, inline-block, and block</h2>
     <li>
       <p>Make the following images stack beside each other.</p>
 
-      <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/893397520_Display_Align_0_display-align-images_0_phone.png">this</a> guide.</p>
+      <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/css_kata_Display_Align_0_display-align-images_0_phone.png">this</a> guide.</p>
 
       <section id="display-align-images">
 
@@ -47,7 +47,7 @@ <h2>Display: inline, inline-block, and block</h2>
       <p>Resize the middle image so that it is 100px x 100px.</p>
       <p>Vertically align all the images to the middle of each.</p>
 
-     <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/893397520_Display_Align_and_resize_0_display-align-resize-images_0_phone.png">this</a> guide.</p>
+     <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png">this</a> guide.</p>
 
      <section id="display-align-resize-images">
 
diff --git a/app/positioning.html b/app/positioning.html
index a27f0e6..44b4149 100644
--- a/app/positioning.html
+++ b/app/positioning.html
@@ -15,7 +15,7 @@ <h2>Positioning</h2>
       <p>Create a <code>`seagreen`</code> box 20em x 20em using the markup below.</p>
       <p>Create a <code>`yellow`</code> circle 4em x 4em inside the green box.</p>
 
-      <p>Your version will be compared against <a target="blank" href="/backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-setup_0_phone.png">this</a> guide.</p>
+      <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>
@@ -26,7 +26,7 @@ <h2>Positioning</h2>
     <li>
       <p>Using the first example, reposition the circle so that it is positioned in the bottom right corner of the green box.</p>
 
-      <p>Your version will be compared against <a target="blank" href="/backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-bottom_0_phone.png">this</a> guide.</p>
+      <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>
@@ -37,7 +37,7 @@ <h2>Positioning</h2>
     <li>
       <p>Using the first example, reposition the circle so that it is positioned in the bottom right corner of the <code>&lt;section&gt;</code> element. Try not to add additional markup to the section element itself.</p>
 
-      <p>Your version will be compared against <a target="blank" href="/backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-override_0_phone.png">this</a> guide.</p>
+      <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>
diff --git a/app/typography-101.html b/app/typography-101.html
index bc098bb..18ae7d4 100644
--- a/app/typography-101.html
+++ b/app/typography-101.html
@@ -14,7 +14,7 @@ <h2>Typography 101</h2>
     <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/893397520_Typography_101_Body_text_0_typography-body-font_0_phone.png">this</a> guide.</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">
 
@@ -67,7 +67,7 @@ <h2>Typography 101</h2>
         </tbody>
       </table>
 
-      <p>Your version will be compared against <a target="_blank" href="/backstop_data/bitmaps_reference/893397520_Typography_101_Headings_0_typography-headings_0_phone.png">this</a> guide.</p>
+      <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">
 
@@ -81,7 +81,7 @@ <h4>Enim nam impedit, corporis distinctio perferendis numquam repellat esse ipsu
     <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/893397520_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png">this</a> guide.</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">
 
diff --git a/backstop_data/bitmaps_reference/893397520_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-border-box_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-box_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-border-box_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-box_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-border-margin-box_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-border-margin-box_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-box_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-box_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Box_model__0_box-model-simple-box_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Box_model__0_box-model-simple-box_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_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
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Display_Align_0_display-align-images_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Display_Align_0_display-align-images_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_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
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Display_Align_and_resize_0_display-align-resize-images_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Display_Stack_0_display-stack-images_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Display_Stack_0_display-stack-images_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Display_Stack_0_display-stack-images_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Display_Stack_0_display-stack-images_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-bottom_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-bottom_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-bottom_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-bottom_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-override_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-override_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-override_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-override_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-setup_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-setup_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Position_Setup_0_position-setup_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Position_Setup_0_position-setup_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Shapes_Boxes_0_box-align_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Shapes_Boxes_0_box-align_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_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
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Shapes_Circles_0_circle-align_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Shapes_Circles_0_circle-align_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_Shapes_Combo_0_shapes-align_0_phone.png b/backstop_data/bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Shapes_Combo_0_shapes-align_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_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
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Typography_101_Body_text_0_typography-body-font_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_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
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png
diff --git a/backstop_data/bitmaps_reference/893397520_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
similarity index 100%
rename from backstop_data/bitmaps_reference/893397520_Typography_101_Headings_0_typography-headings_0_phone.png
rename to backstop_data/bitmaps_reference/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png
diff --git a/backstop_data/html_report/config.js b/backstop_data/html_report/config.js
index 9e57074..a521f7e 100644
--- a/backstop_data/html_report/config.js
+++ b/backstop_data/html_report/config.js
@@ -3,10 +3,10 @@ report({
   "tests": [
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
         "selector": "#boilerplate-sections",
-        "fileName": "893397520_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
+        "fileName": "css_kata_Boilerplate_Code_sections_0_boilerplate-sections_0_phone.png",
         "label": "Boilerplate: Code sections",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -16,7 +16,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 11,
+          "analysisTime": 13,
           "getDiffImage": null
         }
       },
@@ -24,10 +24,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Typography_101_Body_text_0_typography-body-font_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Typography_101_Body_text_0_typography-body-font_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png",
         "selector": "#typography-body-font",
-        "fileName": "893397520_Typography_101_Body_text_0_typography-body-font_0_phone.png",
+        "fileName": "css_kata_Typography_101_Body_text_0_typography-body-font_0_phone.png",
         "label": "Typography 101: Body text",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -37,7 +37,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 11,
+          "analysisTime": 14,
           "getDiffImage": null
         }
       },
@@ -45,10 +45,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Typography_101_Headings_0_typography-headings_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Typography_101_Headings_0_typography-headings_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Typography_101_Headings_0_typography-headings_0_phone.png",
         "selector": "#typography-headings",
-        "fileName": "893397520_Typography_101_Headings_0_typography-headings_0_phone.png",
+        "fileName": "css_kata_Typography_101_Headings_0_typography-headings_0_phone.png",
         "label": "Typography 101: Headings",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -58,7 +58,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 38,
+          "analysisTime": 32,
           "getDiffImage": null
         }
       },
@@ -66,10 +66,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
         "selector": "#typography-faux-headings",
-        "fileName": "893397520_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
+        "fileName": "css_kata_Typography_101_Faux_Headings_0_typography-faux-headings_0_phone.png",
         "label": "Typography 101: Faux Headings",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -79,7 +79,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 18,
+          "analysisTime": 17,
           "getDiffImage": null
         }
       },
@@ -87,10 +87,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Display_Stack_0_display-stack-images_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Display_Stack_0_display-stack-images_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Display_Stack_0_display-stack-images_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Display_Stack_0_display-stack-images_0_phone.png",
         "selector": "#display-stack-images",
-        "fileName": "893397520_Display_Stack_0_display-stack-images_0_phone.png",
+        "fileName": "css_kata_Display_Stack_0_display-stack-images_0_phone.png",
         "label": "Display: Stack",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -100,7 +100,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 25,
+          "analysisTime": 21,
           "getDiffImage": null
         }
       },
@@ -108,10 +108,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Display_Align_0_display-align-images_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Display_Align_0_display-align-images_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Display_Align_0_display-align-images_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Display_Align_0_display-align-images_0_phone.png",
         "selector": "#display-align-images",
-        "fileName": "893397520_Display_Align_0_display-align-images_0_phone.png",
+        "fileName": "css_kata_Display_Align_0_display-align-images_0_phone.png",
         "label": "Display: Align",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -121,7 +121,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 11,
+          "analysisTime": 12,
           "getDiffImage": null
         }
       },
@@ -129,32 +129,31 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
         "selector": "#display-align-resize-images",
-        "fileName": "893397520_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
+        "fileName": "css_kata_Display_Align_and_resize_0_display-align-resize-images_0_phone.png",
         "label": "Display: Align and resize",
         "misMatchThreshold": 0.1,
         "diff": {
-          "isSameDimensions": false,
+          "isSameDimensions": true,
           "dimensionDifference": {
             "width": 0,
-            "height": -50
+            "height": 0
           },
-          "misMatchPercentage": "59.58",
-          "analysisTime": 10,
+          "misMatchPercentage": "0.00",
+          "analysisTime": 9,
           "getDiffImage": null
-        },
-        "diffImage": "../bitmaps_test/20170424-150037/failed_diff_893397520_Display_Align_and_resize_0_display-align-resize-images_0_phone.png"
+        }
       },
-      "status": "fail"
+      "status": "pass"
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Box_model__0_box-model-simple-box_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Box_model__0_box-model-simple-box_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Box_model__0_box-model-simple-box_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Box_model__0_box-model-simple-box_0_phone.png",
         "selector": "#box-model-simple-box",
-        "fileName": "893397520_Box_model__0_box-model-simple-box_0_phone.png",
+        "fileName": "css_kata_Box_model__0_box-model-simple-box_0_phone.png",
         "label": "Box model: ",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -172,10 +171,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Box_model__0_box-model-simple-border-box_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Box_model__0_box-model-simple-border-box_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-box_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Box_model__0_box-model-simple-border-box_0_phone.png",
         "selector": "#box-model-simple-border-box",
-        "fileName": "893397520_Box_model__0_box-model-simple-border-box_0_phone.png",
+        "fileName": "css_kata_Box_model__0_box-model-simple-border-box_0_phone.png",
         "label": "Box model: ",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -185,7 +184,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 15,
+          "analysisTime": 17,
           "getDiffImage": null
         }
       },
@@ -193,10 +192,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
         "selector": "#box-model-simple-border-margin-box",
-        "fileName": "893397520_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
+        "fileName": "css_kata_Box_model__0_box-model-simple-border-margin-box_0_phone.png",
         "label": "Box model: ",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -206,7 +205,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 19,
+          "analysisTime": 15,
           "getDiffImage": null
         }
       },
@@ -214,10 +213,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Shapes_Boxes_0_box-align_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Shapes_Boxes_0_box-align_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Shapes_Boxes_0_box-align_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Shapes_Boxes_0_box-align_0_phone.png",
         "selector": "#box-align",
-        "fileName": "893397520_Shapes_Boxes_0_box-align_0_phone.png",
+        "fileName": "css_kata_Shapes_Boxes_0_box-align_0_phone.png",
         "label": "Shapes: Boxes",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -235,10 +234,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Shapes_Circles_0_circle-align_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Shapes_Circles_0_circle-align_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Shapes_Circles_0_circle-align_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Shapes_Circles_0_circle-align_0_phone.png",
         "selector": "#circle-align",
-        "fileName": "893397520_Shapes_Circles_0_circle-align_0_phone.png",
+        "fileName": "css_kata_Shapes_Circles_0_circle-align_0_phone.png",
         "label": "Shapes: Circles",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -248,7 +247,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 9,
+          "analysisTime": 10,
           "getDiffImage": null
         }
       },
@@ -256,10 +255,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
         "selector": "#circle-outlines-align",
-        "fileName": "893397520_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
+        "fileName": "css_kata_Shapes_Circle_Outlines_0_circle-outlines-align_0_phone.png",
         "label": "Shapes: Circle Outlines",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -269,7 +268,7 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 11,
+          "analysisTime": 10,
           "getDiffImage": null
         }
       },
@@ -277,10 +276,10 @@ report({
     },
     {
       "pair": {
-        "reference": "../bitmaps_reference/893397520_Shapes_Combo_0_shapes-align_0_phone.png",
-        "test": "../bitmaps_test/20170424-150037/893397520_Shapes_Combo_0_shapes-align_0_phone.png",
+        "reference": "../bitmaps_reference/css_kata_Shapes_Combo_0_shapes-align_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/css_kata_Shapes_Combo_0_shapes-align_0_phone.png",
         "selector": "#shapes-align",
-        "fileName": "893397520_Shapes_Combo_0_shapes-align_0_phone.png",
+        "fileName": "css_kata_Shapes_Combo_0_shapes-align_0_phone.png",
         "label": "Shapes: Combo",
         "misMatchThreshold": 0.1,
         "diff": {
@@ -290,7 +289,70 @@ report({
             "height": 0
           },
           "misMatchPercentage": "0.00",
-          "analysisTime": 13,
+          "analysisTime": 10,
+          "getDiffImage": null
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/css_kata_Position_Setup_0_position-setup_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/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",
+        "misMatchThreshold": 0.1,
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00",
+          "analysisTime": 20,
+          "getDiffImage": null
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/css_kata_Position_Setup_0_position-bottom_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/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",
+        "misMatchThreshold": 0.1,
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00",
+          "analysisTime": 19,
+          "getDiffImage": null
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/css_kata_Position_Setup_0_position-override_0_phone.png",
+        "test": "../bitmaps_test/20170424-205536/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",
+        "misMatchThreshold": 0.1,
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00",
+          "analysisTime": 21,
           "getDiffImage": null
         }
       },