diff --git a/BC-Layout.html b/BC-Layout.html
index 5397738..1245e8e 100644
--- a/BC-Layout.html
+++ b/BC-Layout.html
@@ -248,7 +248,95 @@ <h1 class="custom-page-header page-title has-dash">{{ page.name }}</h1>
     <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>-->
     <script src="//cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js"></script>
     <!--<link href="https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.0/assets/css/styles.css" rel="stylesheet" type="text/css" />-->
-    <script src="//cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.0/assets/scripts/product-slideshow.js"></script>
+    <script src="//cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.1/assets/scripts/product-slideshow.js"></script>
+    <!--<script>
+        window.onload = function () {
+            // Auto increment main images
+            var list = document.getElementsByClassName("product__slide");
+            for (var i = 0; i < list.length; i++) {
+                list[i].setAttribute("data-slide", "image-" + i);
+            }
+            //
+            // Auto increment thumbnails
+            var thumbnailList = document.getElementsByClassName("product__thumbnail--link");
+            for (var j = 0; j < thumbnailList.length; j++) {
+                thumbnailList[j].setAttribute("data-thumb", + j);
+            }
+        };
+
+        //document.getElementsByClassName("product__thumbnail--link").click(
+            //this.className += " active";
+            //alert("Clicked");
+        //);
+
+        //function changeProductImage() {
+            //console.log("Hello");
+            ////var slides = document.getElementsByClassName("product__slide");
+            //console.log(slides.length);
+            ////var currentButton = this.getAttribute("data-thumb");
+            ////console.log(currentButton);
+            ////slides.forEach(function (el) {
+                ////el.classList.add("hidden")
+            ////});
+            //
+            //console.log(slides.length);
+            //---for (var i = 0; i < slides.length; i++) {
+                //---var slide = slides[i];
+                //---slide.classList.remove("active");
+            //---}
+            //
+            //
+            // New way???
+            var buttons = document.getElementsByClassName("product__thumbnail--link"); // target all buttons into a element array/collection
+            var buttonsCount = buttons.length; // cache the length
+            for (var h = 0; h < buttonsCount; h++) { // reset the counter; check if its smaller than the array length; add itself
+                console.log("before button");
+                buttons[h].onclick = function (e) { // assign a function to the onclick event
+                    console.log("here");
+                    var imageName = this.getAttribute("data-thumb"); // alert the id attribute of the element clicked
+                    //var element = document.querySelector("[data-slide='image-" + imageName "']");
+                    var element = document.querySelector("[data-slide='image-" + imageName + "']");
+                    console.log(element);
+                    //
+                    //
+                    var slides = document.getElementsByClassName("product__slide");
+                    for (var i = 0; i < slides.length; i++) {
+                        var slide = slides[i];
+                        slide.classList.remove("active");
+                    }
+                    //
+                    element.classList.add("active");
+                };
+            }
+            //
+            // -- Old way that worked but not dynamically
+            // -- var element = document.querySelector("[data-slide='image-1'");
+            // -- console.log(element.length);
+            // -- element.classList.add("active");
+            //slides.classList.add("hidden");
+            //this.className += " active";
+            //console.log("Still here");
+        //}
+
+
+        //function show(nr) {
+            //document.getElementById("table1").style.display = "none";
+            //document.getElementById("table2").style.display = "none";
+            //document.getElementById("table3").style.display = "none";
+            //document.getElementById("table4").style.display = "none";
+            //document.getElementById("table" + nr).style.display = "block";
+            //
+            //var slides = document.getElementsByClassName("product__slide");
+            //slides.className += "hidden";
+            //slides.classList.add("hidden");
+            //-document.querySelectorAll("[data-slide='image'" + nr).className.remove("hidden");
+            //
+            //-var thumbnails = document.getElementsByClassName("product__thumbnail--link");
+            //-thumbnails.className.remove("active");
+            //var currentSlide = slides.getAttribute('data-fruit');
+            //-this.className += "active";
+        //}
+    </script>-->
     <script src="{{ 'api' | theme_js_url }}"></script>
     <script src="{{ theme | theme_js_url }}"></script>
 </body>
diff --git a/BC-Product.html b/BC-Product.html
index dbabbd2..8ad9a85 100644
--- a/BC-Product.html
+++ b/BC-Product.html
@@ -12,18 +12,21 @@
     <div class="product__images{% if product.images.size > 1 %} product-images-slideshow{% endif %}">
         <ul class="product__slides slides">
             {% for image in product.images %}
-            <li class="product__slide js--product-image"><img class="product--image" src="{{ image | product_image_url | constrain: 1200 }}" alt="Image of {{ product.name | escape }}"></li>
+            <!--{% if forloop.index == 1 %}
+            <li style="color:black;">First image</li>
+            {% endif %}-->
+            <li class="product__slide js--product-image{% if forloop.index == 1 %} active{% endif %}"><img class="product--image" src="{{ image | product_image_url | constrain: 1200 }}" alt="Image of {{ product.name | escape }}"></li>
             {% endfor %}
         </ul>
         <ul class="product__thumbnails">
-            {% for image in product.images %}
+            {% for image in product.images %}            
             <li class="product__thumbnail js--product-thumbnail">
                 <!-- 1. Add unique class names to onclick and the images above -->
                 <!-- 2. When clicking a unique thumbnail, show the corresponding image -->
                 <!-- 3. Hide all other child images parent <li>'s -->
-                <a href="#" class="product__thumbnail--link">
+                <button class="product__thumbnail--link">
                     <img class="product--image" src="{{ image | product_image_url | constrain: 300 }}" alt="Image of {{ product.name | escape }}">
-                </a>
+                </button>
             </li>
             {% endfor %}
         </ul>
@@ -72,6 +75,13 @@ <h1 class="product--title has-dash">{{ product.name }}</h1>
                 {{ product.option | hidden_option_input }}
                 {% else %}
                 <div class="product__select">
+                    <!--
+                        {% for category in product.categories %}
+                          {% if category.name == 'Shirts' %}
+                            <div>Your content</div>
+                          {% endif %}
+                        {% endfor %}
+                    -->
                     {% for category in categories.active %}
                     {% if category.name == 'Shirts' %}
                     <label class="product__select-label" for="option">Choose a shirt size and color</label>
diff --git a/assets/css/_components.product.scss b/assets/css/_components.product.scss
index bdbf12c..5bb707a 100644
--- a/assets/css/_components.product.scss
+++ b/assets/css/_components.product.scss
@@ -69,7 +69,7 @@
     &__slide {
         display: none;
         //
-        &:first-of-type {
+        &.active {
             display: block;
         }
     }
diff --git a/assets/css/styles.css b/assets/css/styles.css
index ffb2992..7153f49 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1045,7 +1045,7 @@ button {
     max-height: 100vh; }
   .product__slide {
     display: none; }
-    .product__slide:first-of-type {
+    .product__slide.active {
       display: block; }
   .product--image {
     width: 100%; }
diff --git a/assets/css/styles.min.css b/assets/css/styles.min.css
index 92f66af..6f603e0 100644
--- a/assets/css/styles.min.css
+++ b/assets/css/styles.min.css
@@ -1,2 +1,2 @@
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}body{margin:0;padding:0;color:#303030;background:#fff;}.site__container{overflow:hidden;}.ftr__logo{fill:#fff;}.ftr__logo--f{fill:#ffa357;}.ftr__logo--o,.ftr__logo--heart{fill:#ff5a5a;}.ftr__logo--r{fill:#ff57e7;}.ftr__logo--the{fill:#303030;}.ftr__logo--r1{fill:#5aadff;}.ftr__logo--u{fill:#57eec7;}.ftr__logo--n{fill:#dbfc35;}.header{position:relative;padding:0;background:#fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.header{grid-column:1 / span 3;grid-row:1;}}.header:before{content:"";position:absolute;top:0;right:100%;bottom:0;width:50vw;background:#fff;}.header:after{content:"";position:absolute;top:0;left:100%;bottom:0;width:50vw;background:#fff;}.header__title{display:flex;justify-content:center;align-items:center;margin-top:0;margin-bottom:0;padding-top:4rem;padding-bottom:4rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.header__title{grid-column:2;grid-row:1;}}.header__link{width:9.375rem;height:9.375rem;}.main{padding:0;background:transparent;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.main{grid-column:1 / span 3;grid-row:2;}}#cart_page .main,#contact_page .main,#maintenance_page .main,#product_page .main,.custom .main{padding-top:0;background:transparent !important;}.project{margin:0 auto;padding:0;width:80vw;max-width:100rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.project{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}button{margin:0;padding:0;cursor:pointer;background:transparent;outline:0;}.button{display:inline-block;padding:.5rem 1rem;font-family:"Titillium Web",sans-serif;font-size:1rem;line-height:1em;color:#fff;text-shadow:0 0 .125rem rgba(0,0,0,.2);text-transform:uppercase;text-decoration:none;border:none;border-radius:10rem;}.button.large{padding:1.25rem 2rem;font-size:1.5rem;font-weight:900;letter-spacing:.0625rem;}.button.positive{background:#29e9b8;}.button.flat{color:#636363;background:transparent;}.button.flat.negative{color:#ff2727;}.button.flat.positive{color:#29e9b8;}.feature__list--wrapper:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;left:-20vw;height:50vh;min-height:36rem;background:#303030;background-image:url(../images/polygon-background.svg),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.products__page{position:relative;padding-top:4rem;padding-bottom:4rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.products__page{grid-column:1 / span 3;grid-row:2;}}.products__page:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;width:calc(100% + 40vw);background:#f9fafb;border-top:.0625rem solid #e1e6eb;}.products__category--nav{padding:0 0 2rem 0;}.products__categories--title{display:inline-block;margin-right:.5rem;}.products__categories--list{display:inline-block;margin:0 0 .5rem 0;padding:0;list-style:none;}.products__categories--list li{display:inline-block;margin-right:.25rem;}.products__categories--list li a{display:block;padding:.5rem 1rem;font-family:"Raleway",sans-serif;font-size:1.125rem;font-weight:500;letter-spacing:.0625rem;text-transform:uppercase;text-decoration:none;color:#303030;background:#fff;border-radius:10rem;box-shadow:0 0 0 .0625rem #bcc7d2;}.products__categories--list li.selected a{color:#fff;background:#ff5a5a;box-shadow:0 0 0 .0625rem #f30000;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.products__list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.feature__list--wrapper,.products__list--wrapper{position:relative;z-index:0;padding-top:4rem;padding-bottom:4rem;height:auto;min-height:44rem;background:#fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__list,.products__list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.feature__item,.products__item{position:relative;height:50vh;min-height:44rem;text-decoration:none;background:#fff;box-shadow:inset .0625rem -.0625rem 0 rgba(48,48,48,.1);}.feature__item:after,.products__item:after{content:"";position:absolute;top:0;right:0;bottom:0;width:.0625rem;height:100%;background:#fff;}.feature__item:nth-child(1),.products__item:nth-child(1){box-shadow:inset 0 -.0625rem 0 rgba(48,48,48,.1);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__item:nth-child(1),.products__item:nth-child(1){grid-column:1;grid-row:1;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__item:nth-child(2),.products__item:nth-child(2){grid-column:2;grid-row:1;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__item:nth-child(3),.products__item:nth-child(3){grid-column:3;grid-row:1;}}.feature__item:nth-child(3):after,.products__item:nth-child(3):after{display:none;}.feature__item--image,.products__item--image{position:relative;margin:0;overflow:hidden;width:100%;height:40vh;min-height:36rem;}.feature__item--image img,.products__item--image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;}.feature__item--info,.products__item--info{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:10vh;min-height:8rem;text-align:center;background:#f9fafb;}.feature__item--headers,.products__item--headers{z-index:1;width:100%;}.feature__item--status,.products__item--status{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);padding:.3125rem .75rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:95%;line-height:1rem;color:#fff;background:#ff5a5a;border-radius:.125rem;}.feature__item--name,.products__item--name{margin:0;font-family:"Titillium Web",sans-serif;font-size:1.375rem;font-weight:700;color:#3d3d3d;}.feature__item--price,.products__item--price{margin:.25rem 0 0 0;font-family:"Titillium Web",sans-serif;font-size:1rem;font-weight:700;color:#636363;}.feature__item--price .currency_sign,.products__item--price .currency_sign{font-size:1rem;letter-spacing:0;}.navigation__list,.cart__list{margin:0;padding:0;width:100%;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.navigation__left{display:flex;align-items:center;text-align:left;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation__left{grid-column:1;grid-row:1;}}.navigation__right{display:flex;align-items:center;text-align:right;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation__right{grid-column:3;grid-row:1;}}.navigation__list-item{display:inline-block;list-style:none;}.navigation__link,.navigation__list-item a{transition:box-shadow .3s ease;display:inline-block;margin-right:.5rem;margin-left:.5rem;padding:.5rem 0;font-family:"Raleway",sans-serif;font-size:1.125rem;font-weight:500;text-transform:uppercase;text-decoration:none;color:#303030;box-shadow:0 .125rem 0 transparent;}.navigation__link:hover,.navigation__list-item a:hover{color:#ff5a5a;box-shadow:0 .125rem 0 #5aadff;}.navigation__list-item:first-of-type .navigation__link,.navigation__list-item:first-of-type .navigation__list-item a{margin-left:0;}.navigation__list-item:last-of-type .navigation__link,.navigation__list-item:last-of-type .navigation__list-item a{margin-right:0;}.cart{display:flex;align-items:center;text-align:right;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart{grid-column:3;grid-row:1;}}.cart__list-item{display:inline-block;}.cart__link{font-family:"Raleway",sans-serif;font-size:1rem;text-transform:uppercase;text-decoration:none;color:#303030;}.callouts{margin-top:2rem;margin-bottom:4rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callouts{grid-column:1 / span 3;grid-row:3;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callouts{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.callout__about,.callout__social{display:flex;justify-content:space-between;align-items:center;height:16rem;}.callout__about{position:relative;z-index:0;overflow:hidden;background:#5aadff;box-shadow:inset -.0625rem 0 0 #fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callout__about{grid-column:1 / span 2;grid-row:1;}}.callout__about:before{content:"";position:absolute;z-index:1;top:-50%;left:-50%;transform:rotate(13deg);opacity:.5;width:200%;height:200%;background-image:url(../images/ftr-heart-angle.svg);background-size:3%;background-position:-2%;}.callout__about--text{position:relative;z-index:1;margin:0;padding:2rem 4rem;font-size:1.5rem;font-family:"Raleway",sans-serif;color:#fff;line-height:2rem;text-shadow:0 0 1rem rgba(0,0,0,.3);}.callout__about--link{position:relative;z-index:1;margin-right:4rem;padding:1rem 1.5rem;height:4rem;font-family:"Raleway",sans-serif;font-size:1.25rem;line-height:2rem;text-align:right;text-transform:uppercase;text-decoration:none;color:#fff;background:#007af3;border-radius:2rem;box-shadow:0 0 0 .0625rem #a7d3ff;}.callout__social{justify-content:center;background:#57eec7;background-image:linear-gradient(135deg,#85f3d6 0%,#109c78 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callout__social{grid-column:3;grid-row:1;}}.callout__social .ig__brand{display:inline-block;width:100%;text-align:center;text-decoration:none;}.callout__social .ig__brand--logo{display:block;margin-bottom:1rem;width:100%;}.callout__social .ig__brand--logo svg{transform:scale(1.5);}.callout__social .ig__brand--logo path{fill:white !important;stroke:white;}.callout__social .ig__brand--text{position:relative;display:block;padding-top:.25rem;font-family:"Raleway",sans-serif;font-size:1.125rem;font-weight:700;color:#fff;}.callout__social .ig__brand--name{position:relative;display:block;margin-bottom:1rem;font-size:2rem;}.callout__social .ig__brand--name:after{content:"";position:absolute;bottom:-.5rem;left:calc(50% - 1rem);width:2rem;height:.1875rem;background:#0b6e54;}.content{font-family:"Frank Ruhl Libre",serif;color:#303030;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content{grid-column:1 / span 3;grid-row:2;}}.content__header{position:relative;padding:2rem 0;}.content__header:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:#303030;background-image:url(../images/polygon-background.svg),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.content__title{margin:0;font-family:"Raleway",sans-serif;font-size:3rem;font-weight:700;color:#fff;}.content__title .sub-title{display:block;margin-top:.5rem;font-size:1rem;}.content h3,.content h4,.content h5{margin:1em 0 .5em 0;font-family:"Raleway",sans-serif;}.content h3{font-size:2.25rem;color:#c00000;}.content h4{font-size:2rem;color:#f30000;}.content p{font-size:1.4125rem;}.content__charity-breakdown{margin:0;padding:0;list-style:none;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__charity-breakdown{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:2rem;}}.charity--example{padding:4rem 2rem;font-family:"Raleway",sans-serif;font-size:1.4125rem;text-align:center;color:#fff;}.charity--example:nth-child(1){background:#ff57e7;background:linear-gradient(30deg,#ff24e0 0%,#bd00a2 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.charity--example:nth-child(1){grid-column:1;grid-row:1;}}.charity--example:nth-child(2){background:#5aadff;background:linear-gradient(30deg,#2794ff 0%,#0061c0 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.charity--example:nth-child(2){grid-column:2;grid-row:1;}}.charity--example:nth-child(3){background:#57eec7;background:linear-gradient(30deg,#29e9b8 0%,#109c78 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.charity--example:nth-child(3){grid-column:3;grid-row:1;}}.charity--example strong{font-size:1.75rem;}.charity--example span{display:block;padding-top:1rem;padding-bottom:1rem;}.product__page{position:relative;padding-top:4rem;padding-bottom:4rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page{display:grid;grid-template-columns:60% 40%;grid-template-rows:auto;grid-gap:0;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page{grid-column:1 / span 3;grid-row:2;}}.product__page:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;width:calc(100% + 40vw);background:#f9fafb;border-top:.0625rem solid #e1e6eb;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__images{grid-column:1;grid-row:1;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__info{grid-column:2;grid-row:1;}}.product__slides{overflow:hidden;margin:0;padding:0;list-style:none;min-height:50vh;max-height:100vh;}.product__slide{display:none;}.product__slide:first-of-type{display:block;}.product--image{width:100%;}.product__thumbnails{display:block;margin:1rem 0 0 0;padding:0;list-style:none;}.product__thumbnail{display:inline-block;padding:.125rem;width:4.25rem;border-radius:0 0 0 .0625rem #fff;}.product__thumbnail:hover{box-shadow:0 0 0 .0625rem #bcc7d2;}.product__page--headings,.product__details{padding-left:2rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page--headings{grid-column:2;grid-row:1;}}.product-status{display:inline-block;margin-bottom:.5rem;padding:.3125rem .75rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:95%;color:#fff;background:#ff5a5a;border-radius:.125rem;}.product--title{margin:0 0 2rem 0;padding-bottom:2rem;font-family:"Titillium Web",sans-serif;font-size:2.75rem;font-weight:900;line-height:.875em;text-transform:none;color:#303030;border-bottom:.0625rem solid #bcc7d2;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__details{grid-column:2;grid-row:2;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product--image-wrapper{grid-column:1;grid-row:1;}}.product--image{width:100%;}.product--description{font-size:1.25rem;line-height:125%;color:#303030;}.product--content{height:6rem;}.product__select{margin-bottom:2rem;}.product--sizing{float:left;width:40%;}.product--quantity{margin-bottom:1rem;width:20%;}.product--select-color,.product--select-size,.product--select-quantity{padding:.25rem .5rem;width:100%;color:#303030;font-size:1rem;border:.125rem solid #303030;}.product .form--label{display:block;margin-bottom:.25rem;padding-right:1rem;padding-left:1rem;font-family:"Raleway",sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#303030;}.product__inventory{padding:2rem 0;}.product--info{color:#303030;}.product__select-label{display:block;margin-bottom:.25rem;font-size:85%;}.product__form{margin-top:2rem;padding-top:2rem;box-shadow:0 -.0625rem 0 #dae1e7;}.product__form select{padding:.5rem;font-size:1.125rem;color:#303030;border:.0625rem solid #303030;border-radius:.25rem;}.product__form svg{display:none;}.product__purchase{display:flex;align-items:center;}.product__purchase .button{flex-basis:100%;}.product--price{padding-right:2rem;width:19rem;font-family:"Titillium Web",sans-serif;font-size:3rem;line-height:1.25em;letter-spacing:-.0625rem;color:#4a4a4a;}.currency_sign{display:inline-block;vertical-align:top;font-size:1.5rem;letter-spacing:-.125rem;}.inventory__info{margin:0;padding:0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.inventory__info{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-gap:.5rem;}}.inventory__header{margin-bottom:1rem;font-size:1.5rem;font-weight:bold;color:#303030;}.inventory__box{position:relative;padding:.5rem 1rem;box-shadow:0 0 0 .0625rem #dae1e7;border-radius:.125rem;}.inventory__name{font-size:1rem;font-weight:bold;color:#303030;}.inventory__quantity{display:inline-block;font-size:1.25rem;color:#303030;}.inventory__label{display:inline-block;font-size:1rem;color:#565656;}.similar__products--wrapper{position:relative;padding:4rem 0;width:80vw;max-width:100rem;}.similar__products--wrapper:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;left:-20vw;height:100%;min-height:20rem;background:#ff5a5a;background-image:url(../images/polygon-background.svg),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.similar__products--wrapper .product-list-item{overflow:hidden;width:12rem;border-radius:.25rem;}.similar__products--wrapper .product-list-item figure{margin:0 0 -.25rem 0;}.similar__products--wrapper .product-list-item img{width:100%;}.similar__products--wrapper .product-list-item-info{padding:1rem;background:#fff;}.similar__products--wrapper .product-list-item-info-headers{color:#303030;}.similar__products--wrapper .product-list-item-status{font-size:.75rem;color:#ff5a5a;}.similar__products--wrapper .product-list-item-name{font-family:"Titillium Web",sans-serif;font-size:1rem;color:#303030;}.similar__products--wrapper .product-list-item-price{display:none;visibility:hidden;}.similar__products--title{margin:0 0 1em 0;font-family:"Titillium Web",sans-serif;font-size:2.25rem;line-height:1em;letter-spacing:.0625rem;color:#fff;}.similar__product--list{display:flex;}.cart__page{position:relative;padding-top:4rem;padding-bottom:4rem;min-height:60vh;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__page{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:0;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__page{grid-column:1 / span 3;grid-row:2;}}.cart__page:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;width:calc(100% + 40vw);background:#f9fafb;border-top:.0625rem solid #e1e6eb;}.cart--title{margin:0 0 .5em 0;font-family:"Titillium Web",sans-serif;font-size:2.75rem;font-weight:900;line-height:.875em;text-transform:none;color:#303030;}.cart--empty-message{font-size:1.25rem;line-height:125%;color:#303030;}.cart__items{margin:0;padding:0;list-style:none;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__item{display:grid;grid-template-columns:16rem auto;grid-template-rows:auto;grid-gap:0;}}.cart__item--image{width:14rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__item--image{grid-column:1;grid-row:1;}}.cart__item--image img{width:100%;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__item--details{grid-column:2;grid-row:1;}}.cart__item--adjustments{padding-top:1rem;padding-bottom:1rem;}.cart__item--quantity-holder{display:inline-block;}.cart__item--remove{display:inline-block;}.cart__footer{padding:2rem;background:#fff;box-shadow:0 0 0 .0625rem #bcc7d2;}.cart__summary{box-shadow:0 .0625rem 0 #f9fafb;}.module__footer{background:#303030;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.module__footer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.footer__content{margin:0 auto;padding:4rem 0;width:80vw;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.footer__content{grid-column:1 / span 3;grid-row:1;}}.footer__navigation{margin:0;padding:0;}.footer__navigation--list-item{display:inline-block;list-style:none;}.footer__navigation--link{transition:box-shadow .3s ease;display:inline-block;margin-right:.5rem;margin-left:.5rem;padding:.5rem 0;font-family:"Raleway",sans-serif;font-size:1.125rem;font-weight:500;text-transform:uppercase;text-decoration:none;color:#fff;box-shadow:0 .125rem 0 transparent;}.footer__navigation--link:hover{color:#ff5a5a;box-shadow:0 .125rem 0 #5aadff;}.footer__navigation--list-item:first-of-type .footer__navigation--link{margin-left:0;}.footer__navigation--list-item:last-of-type .footer__navigation--link{margin-right:0;}
\ No newline at end of file
+html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}body{margin:0;padding:0;color:#303030;background:#fff;}.site__container{overflow:hidden;}.ftr__logo{fill:#fff;}.ftr__logo--f{fill:#ffa357;}.ftr__logo--o,.ftr__logo--heart{fill:#ff5a5a;}.ftr__logo--r{fill:#ff57e7;}.ftr__logo--the{fill:#303030;}.ftr__logo--r1{fill:#5aadff;}.ftr__logo--u{fill:#57eec7;}.ftr__logo--n{fill:#dbfc35;}.header{position:relative;padding:0;background:#fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.header{grid-column:1 / span 3;grid-row:1;}}.header:before{content:"";position:absolute;top:0;right:100%;bottom:0;width:50vw;background:#fff;}.header:after{content:"";position:absolute;top:0;left:100%;bottom:0;width:50vw;background:#fff;}.header__title{display:flex;justify-content:center;align-items:center;margin-top:0;margin-bottom:0;padding-top:4rem;padding-bottom:4rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.header__title{grid-column:2;grid-row:1;}}.header__link{width:9.375rem;height:9.375rem;}.main{padding:0;background:transparent;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.main{grid-column:1 / span 3;grid-row:2;}}#cart_page .main,#contact_page .main,#maintenance_page .main,#product_page .main,.custom .main{padding-top:0;background:transparent !important;}.project{margin:0 auto;padding:0;width:80vw;max-width:100rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.project{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}button{margin:0;padding:0;cursor:pointer;background:transparent;outline:0;}.button{display:inline-block;padding:.5rem 1rem;font-family:"Titillium Web",sans-serif;font-size:1rem;line-height:1em;color:#fff;text-shadow:0 0 .125rem rgba(0,0,0,.2);text-transform:uppercase;text-decoration:none;border:none;border-radius:10rem;}.button.large{padding:1.25rem 2rem;font-size:1.5rem;font-weight:900;letter-spacing:.0625rem;}.button.positive{background:#29e9b8;}.button.flat{color:#636363;background:transparent;}.button.flat.negative{color:#ff2727;}.button.flat.positive{color:#29e9b8;}.feature__list--wrapper:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;left:-20vw;height:50vh;min-height:36rem;background:#303030;background-image:url(../images/polygon-background.svg),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.products__page{position:relative;padding-top:4rem;padding-bottom:4rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.products__page{grid-column:1 / span 3;grid-row:2;}}.products__page:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;width:calc(100% + 40vw);background:#f9fafb;border-top:.0625rem solid #e1e6eb;}.products__category--nav{padding:0 0 2rem 0;}.products__categories--title{display:inline-block;margin-right:.5rem;}.products__categories--list{display:inline-block;margin:0 0 .5rem 0;padding:0;list-style:none;}.products__categories--list li{display:inline-block;margin-right:.25rem;}.products__categories--list li a{display:block;padding:.5rem 1rem;font-family:"Raleway",sans-serif;font-size:1.125rem;font-weight:500;letter-spacing:.0625rem;text-transform:uppercase;text-decoration:none;color:#303030;background:#fff;border-radius:10rem;box-shadow:0 0 0 .0625rem #bcc7d2;}.products__categories--list li.selected a{color:#fff;background:#ff5a5a;box-shadow:0 0 0 .0625rem #f30000;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.products__list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.feature__list--wrapper,.products__list--wrapper{position:relative;z-index:0;padding-top:4rem;padding-bottom:4rem;height:auto;min-height:44rem;background:#fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__list,.products__list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.feature__item,.products__item{position:relative;height:50vh;min-height:44rem;text-decoration:none;background:#fff;box-shadow:inset .0625rem -.0625rem 0 rgba(48,48,48,.1);}.feature__item:after,.products__item:after{content:"";position:absolute;top:0;right:0;bottom:0;width:.0625rem;height:100%;background:#fff;}.feature__item:nth-child(1),.products__item:nth-child(1){box-shadow:inset 0 -.0625rem 0 rgba(48,48,48,.1);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__item:nth-child(1),.products__item:nth-child(1){grid-column:1;grid-row:1;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__item:nth-child(2),.products__item:nth-child(2){grid-column:2;grid-row:1;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__item:nth-child(3),.products__item:nth-child(3){grid-column:3;grid-row:1;}}.feature__item:nth-child(3):after,.products__item:nth-child(3):after{display:none;}.feature__item--image,.products__item--image{position:relative;margin:0;overflow:hidden;width:100%;height:40vh;min-height:36rem;}.feature__item--image img,.products__item--image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;}.feature__item--info,.products__item--info{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:10vh;min-height:8rem;text-align:center;background:#f9fafb;}.feature__item--headers,.products__item--headers{z-index:1;width:100%;}.feature__item--status,.products__item--status{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);padding:.3125rem .75rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:95%;line-height:1rem;color:#fff;background:#ff5a5a;border-radius:.125rem;}.feature__item--name,.products__item--name{margin:0;font-family:"Titillium Web",sans-serif;font-size:1.375rem;font-weight:700;color:#3d3d3d;}.feature__item--price,.products__item--price{margin:.25rem 0 0 0;font-family:"Titillium Web",sans-serif;font-size:1rem;font-weight:700;color:#636363;}.feature__item--price .currency_sign,.products__item--price .currency_sign{font-size:1rem;letter-spacing:0;}.navigation__list,.cart__list{margin:0;padding:0;width:100%;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.navigation__left{display:flex;align-items:center;text-align:left;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation__left{grid-column:1;grid-row:1;}}.navigation__right{display:flex;align-items:center;text-align:right;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation__right{grid-column:3;grid-row:1;}}.navigation__list-item{display:inline-block;list-style:none;}.navigation__link,.navigation__list-item a{transition:box-shadow .3s ease;display:inline-block;margin-right:.5rem;margin-left:.5rem;padding:.5rem 0;font-family:"Raleway",sans-serif;font-size:1.125rem;font-weight:500;text-transform:uppercase;text-decoration:none;color:#303030;box-shadow:0 .125rem 0 transparent;}.navigation__link:hover,.navigation__list-item a:hover{color:#ff5a5a;box-shadow:0 .125rem 0 #5aadff;}.navigation__list-item:first-of-type .navigation__link,.navigation__list-item:first-of-type .navigation__list-item a{margin-left:0;}.navigation__list-item:last-of-type .navigation__link,.navigation__list-item:last-of-type .navigation__list-item a{margin-right:0;}.cart{display:flex;align-items:center;text-align:right;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart{grid-column:3;grid-row:1;}}.cart__list-item{display:inline-block;}.cart__link{font-family:"Raleway",sans-serif;font-size:1rem;text-transform:uppercase;text-decoration:none;color:#303030;}.callouts{margin-top:2rem;margin-bottom:4rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callouts{grid-column:1 / span 3;grid-row:3;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callouts{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.callout__about,.callout__social{display:flex;justify-content:space-between;align-items:center;height:16rem;}.callout__about{position:relative;z-index:0;overflow:hidden;background:#5aadff;box-shadow:inset -.0625rem 0 0 #fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callout__about{grid-column:1 / span 2;grid-row:1;}}.callout__about:before{content:"";position:absolute;z-index:1;top:-50%;left:-50%;transform:rotate(13deg);opacity:.5;width:200%;height:200%;background-image:url(../images/ftr-heart-angle.svg);background-size:3%;background-position:-2%;}.callout__about--text{position:relative;z-index:1;margin:0;padding:2rem 4rem;font-size:1.5rem;font-family:"Raleway",sans-serif;color:#fff;line-height:2rem;text-shadow:0 0 1rem rgba(0,0,0,.3);}.callout__about--link{position:relative;z-index:1;margin-right:4rem;padding:1rem 1.5rem;height:4rem;font-family:"Raleway",sans-serif;font-size:1.25rem;line-height:2rem;text-align:right;text-transform:uppercase;text-decoration:none;color:#fff;background:#007af3;border-radius:2rem;box-shadow:0 0 0 .0625rem #a7d3ff;}.callout__social{justify-content:center;background:#57eec7;background-image:linear-gradient(135deg,#85f3d6 0%,#109c78 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callout__social{grid-column:3;grid-row:1;}}.callout__social .ig__brand{display:inline-block;width:100%;text-align:center;text-decoration:none;}.callout__social .ig__brand--logo{display:block;margin-bottom:1rem;width:100%;}.callout__social .ig__brand--logo svg{transform:scale(1.5);}.callout__social .ig__brand--logo path{fill:white !important;stroke:white;}.callout__social .ig__brand--text{position:relative;display:block;padding-top:.25rem;font-family:"Raleway",sans-serif;font-size:1.125rem;font-weight:700;color:#fff;}.callout__social .ig__brand--name{position:relative;display:block;margin-bottom:1rem;font-size:2rem;}.callout__social .ig__brand--name:after{content:"";position:absolute;bottom:-.5rem;left:calc(50% - 1rem);width:2rem;height:.1875rem;background:#0b6e54;}.content{font-family:"Frank Ruhl Libre",serif;color:#303030;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content{grid-column:1 / span 3;grid-row:2;}}.content__header{position:relative;padding:2rem 0;}.content__header:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:#303030;background-image:url(../images/polygon-background.svg),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.content__title{margin:0;font-family:"Raleway",sans-serif;font-size:3rem;font-weight:700;color:#fff;}.content__title .sub-title{display:block;margin-top:.5rem;font-size:1rem;}.content h3,.content h4,.content h5{margin:1em 0 .5em 0;font-family:"Raleway",sans-serif;}.content h3{font-size:2.25rem;color:#c00000;}.content h4{font-size:2rem;color:#f30000;}.content p{font-size:1.4125rem;}.content__charity-breakdown{margin:0;padding:0;list-style:none;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__charity-breakdown{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:2rem;}}.charity--example{padding:4rem 2rem;font-family:"Raleway",sans-serif;font-size:1.4125rem;text-align:center;color:#fff;}.charity--example:nth-child(1){background:#ff57e7;background:linear-gradient(30deg,#ff24e0 0%,#bd00a2 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.charity--example:nth-child(1){grid-column:1;grid-row:1;}}.charity--example:nth-child(2){background:#5aadff;background:linear-gradient(30deg,#2794ff 0%,#0061c0 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.charity--example:nth-child(2){grid-column:2;grid-row:1;}}.charity--example:nth-child(3){background:#57eec7;background:linear-gradient(30deg,#29e9b8 0%,#109c78 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.charity--example:nth-child(3){grid-column:3;grid-row:1;}}.charity--example strong{font-size:1.75rem;}.charity--example span{display:block;padding-top:1rem;padding-bottom:1rem;}.product__page{position:relative;padding-top:4rem;padding-bottom:4rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page{display:grid;grid-template-columns:60% 40%;grid-template-rows:auto;grid-gap:0;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page{grid-column:1 / span 3;grid-row:2;}}.product__page:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;width:calc(100% + 40vw);background:#f9fafb;border-top:.0625rem solid #e1e6eb;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__images{grid-column:1;grid-row:1;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__info{grid-column:2;grid-row:1;}}.product__slides{overflow:hidden;margin:0;padding:0;list-style:none;min-height:50vh;max-height:100vh;}.product__slide{display:none;}.product__slide.active{display:block;}.product--image{width:100%;}.product__thumbnails{display:block;margin:1rem 0 0 0;padding:0;list-style:none;}.product__thumbnail{display:inline-block;padding:.125rem;width:4.25rem;border-radius:0 0 0 .0625rem #fff;}.product__thumbnail:hover{box-shadow:0 0 0 .0625rem #bcc7d2;}.product__page--headings,.product__details{padding-left:2rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page--headings{grid-column:2;grid-row:1;}}.product-status{display:inline-block;margin-bottom:.5rem;padding:.3125rem .75rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:95%;color:#fff;background:#ff5a5a;border-radius:.125rem;}.product--title{margin:0 0 2rem 0;padding-bottom:2rem;font-family:"Titillium Web",sans-serif;font-size:2.75rem;font-weight:900;line-height:.875em;text-transform:none;color:#303030;border-bottom:.0625rem solid #bcc7d2;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__details{grid-column:2;grid-row:2;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product--image-wrapper{grid-column:1;grid-row:1;}}.product--image{width:100%;}.product--description{font-size:1.25rem;line-height:125%;color:#303030;}.product--content{height:6rem;}.product__select{margin-bottom:2rem;}.product--sizing{float:left;width:40%;}.product--quantity{margin-bottom:1rem;width:20%;}.product--select-color,.product--select-size,.product--select-quantity{padding:.25rem .5rem;width:100%;color:#303030;font-size:1rem;border:.125rem solid #303030;}.product .form--label{display:block;margin-bottom:.25rem;padding-right:1rem;padding-left:1rem;font-family:"Raleway",sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#303030;}.product__inventory{padding:2rem 0;}.product--info{color:#303030;}.product__select-label{display:block;margin-bottom:.25rem;font-size:85%;}.product__form{margin-top:2rem;padding-top:2rem;box-shadow:0 -.0625rem 0 #dae1e7;}.product__form select{padding:.5rem;font-size:1.125rem;color:#303030;border:.0625rem solid #303030;border-radius:.25rem;}.product__form svg{display:none;}.product__purchase{display:flex;align-items:center;}.product__purchase .button{flex-basis:100%;}.product--price{padding-right:2rem;width:19rem;font-family:"Titillium Web",sans-serif;font-size:3rem;line-height:1.25em;letter-spacing:-.0625rem;color:#4a4a4a;}.currency_sign{display:inline-block;vertical-align:top;font-size:1.5rem;letter-spacing:-.125rem;}.inventory__info{margin:0;padding:0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.inventory__info{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;grid-gap:.5rem;}}.inventory__header{margin-bottom:1rem;font-size:1.5rem;font-weight:bold;color:#303030;}.inventory__box{position:relative;padding:.5rem 1rem;box-shadow:0 0 0 .0625rem #dae1e7;border-radius:.125rem;}.inventory__name{font-size:1rem;font-weight:bold;color:#303030;}.inventory__quantity{display:inline-block;font-size:1.25rem;color:#303030;}.inventory__label{display:inline-block;font-size:1rem;color:#565656;}.similar__products--wrapper{position:relative;padding:4rem 0;width:80vw;max-width:100rem;}.similar__products--wrapper:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;left:-20vw;height:100%;min-height:20rem;background:#ff5a5a;background-image:url(../images/polygon-background.svg),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.similar__products--wrapper .product-list-item{overflow:hidden;width:12rem;border-radius:.25rem;}.similar__products--wrapper .product-list-item figure{margin:0 0 -.25rem 0;}.similar__products--wrapper .product-list-item img{width:100%;}.similar__products--wrapper .product-list-item-info{padding:1rem;background:#fff;}.similar__products--wrapper .product-list-item-info-headers{color:#303030;}.similar__products--wrapper .product-list-item-status{font-size:.75rem;color:#ff5a5a;}.similar__products--wrapper .product-list-item-name{font-family:"Titillium Web",sans-serif;font-size:1rem;color:#303030;}.similar__products--wrapper .product-list-item-price{display:none;visibility:hidden;}.similar__products--title{margin:0 0 1em 0;font-family:"Titillium Web",sans-serif;font-size:2.25rem;line-height:1em;letter-spacing:.0625rem;color:#fff;}.similar__product--list{display:flex;}.cart__page{position:relative;padding-top:4rem;padding-bottom:4rem;min-height:60vh;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__page{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:0;}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__page{grid-column:1 / span 3;grid-row:2;}}.cart__page:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;width:calc(100% + 40vw);background:#f9fafb;border-top:.0625rem solid #e1e6eb;}.cart--title{margin:0 0 .5em 0;font-family:"Titillium Web",sans-serif;font-size:2.75rem;font-weight:900;line-height:.875em;text-transform:none;color:#303030;}.cart--empty-message{font-size:1.25rem;line-height:125%;color:#303030;}.cart__items{margin:0;padding:0;list-style:none;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__item{display:grid;grid-template-columns:16rem auto;grid-template-rows:auto;grid-gap:0;}}.cart__item--image{width:14rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__item--image{grid-column:1;grid-row:1;}}.cart__item--image img{width:100%;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__item--details{grid-column:2;grid-row:1;}}.cart__item--adjustments{padding-top:1rem;padding-bottom:1rem;}.cart__item--quantity-holder{display:inline-block;}.cart__item--remove{display:inline-block;}.cart__footer{padding:2rem;background:#fff;box-shadow:0 0 0 .0625rem #bcc7d2;}.cart__summary{box-shadow:0 .0625rem 0 #f9fafb;}.module__footer{background:#303030;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.module__footer{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:0;}}.footer__content{margin:0 auto;padding:4rem 0;width:80vw;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.footer__content{grid-column:1 / span 3;grid-row:1;}}.footer__navigation{margin:0;padding:0;}.footer__navigation--list-item{display:inline-block;list-style:none;}.footer__navigation--link{transition:box-shadow .3s ease;display:inline-block;margin-right:.5rem;margin-left:.5rem;padding:.5rem 0;font-family:"Raleway",sans-serif;font-size:1.125rem;font-weight:500;text-transform:uppercase;text-decoration:none;color:#fff;box-shadow:0 .125rem 0 transparent;}.footer__navigation--link:hover{color:#ff5a5a;box-shadow:0 .125rem 0 #5aadff;}.footer__navigation--list-item:first-of-type .footer__navigation--link{margin-left:0;}.footer__navigation--list-item:last-of-type .footer__navigation--link{margin-right:0;}
\ No newline at end of file
diff --git a/assets/scripts/product-slideshow.js b/assets/scripts/product-slideshow.js
index a5288d8..d2865ec 100644
--- a/assets/scripts/product-slideshow.js
+++ b/assets/scripts/product-slideshow.js
@@ -1,4 +1,42 @@
 window.onload = function () {
+    // Auto increment main images
+    var list = document.getElementsByClassName("product__slide");
+    for (var i = 0; i < list.length; i++) {
+        list[i].setAttribute("data-slide", "image-" + i);
+    }
+    //
+    // Auto increment thumbnails
+    var thumbnailList = document.getElementsByClassName("product__thumbnail--link");
+    for (var j = 0; j < thumbnailList.length; j++) {
+        thumbnailList[j].setAttribute("data-thumb", + j);
+    }
+};
+
+var buttons = document.getElementsByClassName("product__thumbnail--link"); // target all buttons into a element array/collection
+var buttonsCount = buttons.length; // cache the length
+for (var h = 0; h < buttonsCount; h++) { // reset the counter; check if its smaller than the array length; add itself
+    //console.log("before button");
+    buttons[h].onclick = function (e) { // assign a function to the onclick event
+        //console.log("here");
+        var imageName = this.getAttribute("data-thumb"); // alert the id attribute of the element clicked 
+        var element = document.querySelector("[data-slide='image-" + imageName + "']");
+        //console.log(element);
+        //
+        //
+        var slides = document.getElementsByClassName("product__slide");
+        for (var i = 0; i < slides.length; i++) {
+            var slide = slides[i];
+            slide.classList.remove("active");
+        }
+        //
+        element.classList.add("active");
+    };
+}
+//
+//
+//
+/*
+window.onload = function () {
     // Auto increment main images
     var list = document.getElementsByClassName("product__slide");
     for (var i = 0; i < list.length; i++) {
@@ -21,5 +59,11 @@ function show(nr) {
     //
     var slides = document.getElementsByClassName("product__slide");
     slides.className += "hidden";
-    var currentSlide = slides.getAttribute('data-fruit');
-}
\ No newline at end of file
+    document.querySelectorAll("[data-slide='image'" + nr).className.remove("hidden");
+    //
+    var thumbnails = document.getElementsByClassName("product__thumbnail--link");
+    thumbnails.className.remove("active");
+    //var currentSlide = slides.getAttribute('data-fruit');
+    this.className += "active";
+}
+*/
\ No newline at end of file