diff --git a/docs/images/agency-landing/shards-logo-white.svg b/docs/images/agency-landing/shards-logo-white.svg
index ecb50c6..e5a6653 100755
--- a/docs/images/agency-landing/shards-logo-white.svg
+++ b/docs/images/agency-landing/shards-logo-white.svg
@@ -1,20 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="17px" height="28px" viewBox="0 0 17 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <title>Shards - Logo</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Pages" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Shards---Agency-Landing-Page" transform="translate(-307.000000, -89.000000)" fill="#FFFFFF">
-            <g id="Welcome---Section" transform="translate(-109.000000, 0.000000)">
-                <g id="Header" transform="translate(416.000000, 82.000000)">
-                    <g id="Shards---Logo" transform="translate(0.000000, 7.000000)">
-                        <polygon id="Fill-1" points="8.97189829 0 0 14 13 7.00006722"></polygon>
-                        <polygon id="Fill-2" points="6 12.0214322 10.2726369 24 17 13.1336719 13.1817419 8"></polygon>
-                        <polygon id="Fill-3" points="1 15.445223 8.93537373 28 10 26.2839369 5.5 14"></polygon>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17" height="28" version="1.1" viewBox="0 0 17 28"><title>Shards - Logo</title><desc>Created with Sketch.</desc><g id="Pages" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Shards---Agency-Landing-Page" fill="#FFF" transform="translate(-307.000000, -89.000000)"><g id="Welcome---Section" transform="translate(-109.000000, 0.000000)"><g id="Header" transform="translate(416.000000, 82.000000)"><g id="Shards---Logo" transform="translate(0.000000, 7.000000)"><polygon id="Fill-1" points="8.972 0 0 14 13 7"/><polygon id="Fill-2" points="6 12.021 10.273 24 17 13.134 13.182 8"/><polygon id="Fill-3" points="1 15.445 8.935 28 10 26.284 5.5 14"/></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/images/app-promo/shards-logo-green.svg b/docs/images/app-promo/shards-logo-green.svg
index 167252e..20a745a 100755
--- a/docs/images/app-promo/shards-logo-green.svg
+++ b/docs/images/app-promo/shards-logo-green.svg
@@ -1,20 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="32px" viewBox="0 0 20 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <title>Shards - Logo</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Pages" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Shards---App-Promo-Page" transform="translate(-305.000000, -87.000000)" fill="#17C671">
-            <g id="Welcome---Section" transform="translate(0.000000, -188.000000)">
-                <g id="Header" transform="translate(305.000000, 270.000000)">
-                    <g id="Shards---Logo" transform="translate(0.000000, 5.000000)">
-                        <polygon id="Fill-1" points="10.3521903 0 0 16 15 8.00007682"></polygon>
-                        <polygon id="Fill-2" points="7 13.5241112 12.0494799 27 20 14.7753809 15.4875132 9"></polygon>
-                        <polygon id="Fill-3" points="2 17.6516834 10.8170819 32 12 30.038785 7 16"></polygon>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="32" version="1.1" viewBox="0 0 20 32"><title>Shards - Logo</title><desc>Created with Sketch.</desc><g id="Pages" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Shards---App-Promo-Page" fill="#17C671" transform="translate(-305.000000, -87.000000)"><g id="Welcome---Section" transform="translate(0.000000, -188.000000)"><g id="Header" transform="translate(305.000000, 270.000000)"><g id="Shards---Logo" transform="translate(0.000000, 5.000000)"><polygon id="Fill-1" points="10.352 0 0 16 15 8"/><polygon id="Fill-2" points="7 13.524 12.049 27 20 14.775 15.488 9"/><polygon id="Fill-3" points="2 17.652 10.817 32 12 30.039 7 16"/></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/images/demo/fontawesome-icons.svg b/docs/images/demo/fontawesome-icons.svg
index 9a008e9..538c340 100755
--- a/docs/images/demo/fontawesome-icons.svg
+++ b/docs/images/demo/fontawesome-icons.svg
@@ -1,21 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="165px" height="165px" viewBox="0 0 165 165" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <title>font awesome logo copy</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Pages" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Shards---Demo-Page" transform="translate(-1254.000000, -3851.000000)">
-            <g id="Icon-Packs---Section" transform="translate(285.000000, 3384.000000)">
-                <g id="Card" transform="translate(0.000000, 467.000000)">
-                    <g id="Font-Awesome-Icons" transform="translate(885.000000, 0.000000)">
-                        <g id="font-awesome-logo-copy" transform="translate(84.000000, 0.000000)">
-                            <circle id="Oval-Copy" fill="#17C671" fill-rule="nonzero" cx="82.5" cy="82.5" r="82.5"></circle>
-                            <path d="M120.732143,57.2857143 L120.732143,98.0184152 C120.732143,99.5719944 119.939182,100.575333 118.353237,101.02846 C112.721512,102.711504 107.251701,103.553013 101.943638,103.553013 C99.5809034,103.553013 96.0934941,103.075619 91.4813058,102.120815 C86.8691176,101.166011 83.1875138,100.688616 80.436384,100.688616 C75.1283217,100.688616 69.1406584,101.465394 62.4732143,103.018973 L62.4732143,119.428571 L54.7053572,119.428571 L54.7053572,53.0133929 C52.6662845,52.204237 51.0318142,50.8934242 49.8018974,49.0809152 C48.5719805,47.2684061 47.9570313,45.2617298 47.9570313,43.0608259 C47.9570313,40.1154987 48.9927352,37.6071532 51.0641741,35.5357143 C53.1356131,33.4642754 55.6439585,32.4285714 58.5892857,32.4285714 C61.534613,32.4285714 64.0429584,33.4642754 66.1143974,35.5357143 C68.1858363,37.6071532 69.2215402,40.1154987 69.2215402,43.0608259 C69.2215402,45.2617298 68.606591,47.2684061 67.3766741,49.0809152 C66.1467573,50.8934242 64.512287,52.204237 62.4732143,53.0133929 L62.4732143,56.3147321 C68.6227986,54.8906179 74.1735244,54.1785714 79.1255581,54.1785714 C82.3298152,54.1785714 85.5340242,54.4213145 88.7382813,54.906808 C89.1914085,54.9715405 90.995799,55.3356552 94.1515067,55.9991629 C97.3072145,56.6626707 99.7265541,56.9944196 101.409598,56.9944196 C103.901798,56.9944196 106.571972,56.7031279 109.420201,56.1205357 C109.776229,56.0558032 111.070859,55.7159629 113.304129,55.1010045 C115.5374,54.486046 116.977675,54.1785714 117.625,54.1785714 C118.466522,54.1785714 119.194751,54.486046 119.80971,55.1010045 C120.424668,55.7159629 120.732143,56.4441922 120.732143,57.2857143 Z" id="" fill="#FFFFFF"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="165" height="165" version="1.1" viewBox="0 0 165 165"><title>font awesome logo copy</title><desc>Created with Sketch.</desc><g id="Pages" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Shards---Demo-Page" transform="translate(-1254.000000, -3851.000000)"><g id="Icon-Packs---Section" transform="translate(285.000000, 3384.000000)"><g id="Card" transform="translate(0.000000, 467.000000)"><g id="Font-Awesome-Icons" transform="translate(885.000000, 0.000000)"><g id="font-awesome-logo-copy" transform="translate(84.000000, 0.000000)"><circle id="Oval-Copy" cx="82.5" cy="82.5" r="82.5" fill="#17C671" fill-rule="nonzero"/><path id="" fill="#FFF" d="M120.732143,57.2857143 L120.732143,98.0184152 C120.732143,99.5719944 119.939182,100.575333 118.353237,101.02846 C112.721512,102.711504 107.251701,103.553013 101.943638,103.553013 C99.5809034,103.553013 96.0934941,103.075619 91.4813058,102.120815 C86.8691176,101.166011 83.1875138,100.688616 80.436384,100.688616 C75.1283217,100.688616 69.1406584,101.465394 62.4732143,103.018973 L62.4732143,119.428571 L54.7053572,119.428571 L54.7053572,53.0133929 C52.6662845,52.204237 51.0318142,50.8934242 49.8018974,49.0809152 C48.5719805,47.2684061 47.9570313,45.2617298 47.9570313,43.0608259 C47.9570313,40.1154987 48.9927352,37.6071532 51.0641741,35.5357143 C53.1356131,33.4642754 55.6439585,32.4285714 58.5892857,32.4285714 C61.534613,32.4285714 64.0429584,33.4642754 66.1143974,35.5357143 C68.1858363,37.6071532 69.2215402,40.1154987 69.2215402,43.0608259 C69.2215402,45.2617298 68.606591,47.2684061 67.3766741,49.0809152 C66.1467573,50.8934242 64.512287,52.204237 62.4732143,53.0133929 L62.4732143,56.3147321 C68.6227986,54.8906179 74.1735244,54.1785714 79.1255581,54.1785714 C82.3298152,54.1785714 85.5340242,54.4213145 88.7382813,54.906808 C89.1914085,54.9715405 90.995799,55.3356552 94.1515067,55.9991629 C97.3072145,56.6626707 99.7265541,56.9944196 101.409598,56.9944196 C103.901798,56.9944196 106.571972,56.7031279 109.420201,56.1205357 C109.776229,56.0558032 111.070859,55.7159629 113.304129,55.1010045 C115.5374,54.486046 116.977675,54.1785714 117.625,54.1785714 C118.466522,54.1785714 119.194751,54.486046 119.80971,55.1010045 C120.424668,55.7159629 120.732143,56.4441922 120.732143,57.2857143 Z"/></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/images/demo/material-icons.svg b/docs/images/demo/material-icons.svg
index 9d8c2de..749b68e 100755
--- a/docs/images/demo/material-icons.svg
+++ b/docs/images/demo/material-icons.svg
@@ -1,23 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="165px" height="165px" viewBox="0 0 165 165" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <title>material icons logo</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Demo-Page" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Desktop-HD" transform="translate(-502.000000, -3768.000000)">
-            <g id="Icons" transform="translate(-2.000000, 3384.000000)">
-                <g id="Card" transform="translate(427.000000, 384.000000)">
-                    <g id="Material-Icons">
-                        <g id="material-icons-logo" transform="translate(77.000000, 0.000000)">
-                            <circle id="Oval" fill="#2979FF" fill-rule="nonzero" cx="82.5" cy="82.5" r="82.5"></circle>
-                            <rect id="Rectangle-path" transform="translate(82.500000, 82.500000) rotate(180.000000) translate(-82.500000, -82.500000) " x="0" y="0" width="165" height="165"></rect>
-                            <circle id="Oval" fill="#40C4FF" fill-rule="nonzero" cx="83" cy="83" r="55"></circle>
-                            <circle id="Oval" fill="#FFFFFF" fill-rule="nonzero" cx="82.5" cy="82.5" r="27.5"></circle>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="165" height="165" version="1.1" viewBox="0 0 165 165"><title>material icons logo</title><desc>Created with Sketch.</desc><g id="Demo-Page" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-HD" transform="translate(-502.000000, -3768.000000)"><g id="Icons" transform="translate(-2.000000, 3384.000000)"><g id="Card" transform="translate(427.000000, 384.000000)"><g id="Material-Icons"><g id="material-icons-logo" transform="translate(77.000000, 0.000000)"><circle id="Oval" cx="82.5" cy="82.5" r="82.5" fill="#2979FF" fill-rule="nonzero"/><rect id="Rectangle-path" width="165" height="165" x="0" y="0" transform="translate(82.500000, 82.500000) rotate(180.000000) translate(-82.500000, -82.500000)"/><circle id="Oval" cx="83" cy="83" r="55" fill="#40C4FF" fill-rule="nonzero"/><circle id="Oval" cx="82.5" cy="82.5" r="27.5" fill="#FFF" fill-rule="nonzero"/></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/images/demo/shards-agency-landing-page-demo.jpg b/docs/images/demo/shards-agency-landing-page-demo.jpg
old mode 100755
new mode 100644
index 50d9a42..9654fc9
Binary files a/docs/images/demo/shards-agency-landing-page-demo.jpg and b/docs/images/demo/shards-agency-landing-page-demo.jpg differ
diff --git a/docs/images/demo/shards-app-demo-page-demo.jpg b/docs/images/demo/shards-app-demo-page-demo.jpg
old mode 100755
new mode 100644
index 5b5a62c..9900caf
Binary files a/docs/images/demo/shards-app-demo-page-demo.jpg and b/docs/images/demo/shards-app-demo-page-demo.jpg differ
diff --git a/docs/images/demo/shards-logo-black.svg b/docs/images/demo/shards-logo-black.svg
index ea17d3b..b35ce45 100755
--- a/docs/images/demo/shards-logo-black.svg
+++ b/docs/images/demo/shards-logo-black.svg
@@ -1,20 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="39px" viewBox="0 0 24 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <title>Shards</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Simple-Covers" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Style-2---Cover-2" transform="translate(-138.000000, -76.000000)" fill="#000000">
-            <g id="Header" transform="translate(138.000000, 76.000000)">
-                <g id="Logo">
-                    <g id="Shards">
-                        <polygon id="Fill-1" points="12.6373381 0.771077247 0.647241769 18.91898 18.0205163 9.84511575"></polygon>
-                        <polygon id="Fill-2" points="8.53252275 17.4528507 14.282752 34.278745 23.3366176 19.0151767 18.1979035 11.8040792"></polygon>
-                        <polygon id="Fill-3" points="1.73608287 21.449042 11.7685147 38.1548646 13.1144866 35.8714114 7.42528475 19.5259781"></polygon>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="39" version="1.1" viewBox="0 0 24 39"><title>Shards</title><desc>Created with Sketch.</desc><g id="Simple-Covers" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Style-2---Cover-2" fill="#000" transform="translate(-138.000000, -76.000000)"><g id="Header" transform="translate(138.000000, 76.000000)"><g id="Logo"><g id="Shards"><polygon id="Fill-1" points="12.637 .771 .647 18.919 18.021 9.845"/><polygon id="Fill-2" points="8.533 17.453 14.283 34.279 23.337 19.015 18.198 11.804"/><polygon id="Fill-3" points="1.736 21.449 11.769 38.155 13.114 35.871 7.425 19.526"/></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/images/demo/shards-logo.svg b/docs/images/demo/shards-logo.svg
index 6bff0fb..3febfbd 100755
--- a/docs/images/demo/shards-logo.svg
+++ b/docs/images/demo/shards-logo.svg
@@ -1,20 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="39px" viewBox="0 0 24 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 47 (45396) - http://www.bohemiancoding.com/sketch -->
-    <title>Shards</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Simple-Covers" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Style-2---Cover-2" transform="translate(-138.000000, -76.000000)" fill="#FFFFFF">
-            <g id="Header" transform="translate(138.000000, 76.000000)">
-                <g id="Logo">
-                    <g id="Shards">
-                        <polygon id="Fill-1" points="12.6373381 0.771077247 0.647241769 18.91898 18.0205163 9.84511575"></polygon>
-                        <polygon id="Fill-2" points="8.53252275 17.4528507 14.282752 34.278745 23.3366176 19.0151767 18.1979035 11.8040792"></polygon>
-                        <polygon id="Fill-3" points="1.73608287 21.449042 11.7685147 38.1548646 13.1144866 35.8714114 7.42528475 19.5259781"></polygon>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="39" version="1.1" viewBox="0 0 24 39"><title>Shards</title><desc>Created with Sketch.</desc><g id="Simple-Covers" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Style-2---Cover-2" fill="#FFF" transform="translate(-138.000000, -76.000000)"><g id="Header" transform="translate(138.000000, 76.000000)"><g id="Logo"><g id="Shards"><polygon id="Fill-1" points="12.637 .771 .647 18.919 18.021 9.845"/><polygon id="Fill-2" points="8.533 17.453 14.283 34.279 23.337 19.015 18.198 11.804"/><polygon id="Fill-3" points="1.736 21.449 11.769 38.155 13.114 35.871 7.425 19.526"/></g></g></g></g></g></svg>
\ No newline at end of file