diff --git a/.vs/fortherun/v15/.suo b/.vs/fortherun/v15/.suo
index 0d6fda7..57d42a3 100644
Binary files a/.vs/fortherun/v15/.suo and b/.vs/fortherun/v15/.suo differ
diff --git a/BC-Cart.html b/BC-Cart.html
index 01147e4..3bae9fe 100644
--- a/BC-Cart.html
+++ b/BC-Cart.html
@@ -67,8 +67,8 @@ <h1 class="cart__title has-dash">{{ page.name }}</h1>
     <div class="cart__content">
         <h2 class="content__sub-title">Your shopping cart needs some friends</h2>
         <p class="cart--empty-message">
-            Uhh, looks like either you haven't added anything to your cart or someone has run off with it!<br /><br />
-            Head back to the products page and give your cart something to do!
+            It looks like either you haven't added anything to your cart or someone has run off with it!<br /><br />
+            Head back to the products page and put your cart to work!
         </p>
         <a class="button positive large" href="/products" title="Start shopping">Go shopping!</a>
     </div>
diff --git a/BC-Contact.html b/BC-Contact.html
index 5c3c054..319b456 100644
--- a/BC-Contact.html
+++ b/BC-Contact.html
@@ -49,8 +49,12 @@ <h2 class="content__sub-title">Thank you!</h2>
     </div>
     {% endif %}
     <div class="content__additional--contact">
-        <h3 class="content__sub-title">Need to return or exchange something?</h3>
-        <p>View our Return & Exchange policy</p>
-        <p>Give us a call: 304-314-4667</p>
+        <h3 class="content__sub-title">Returns & Exchanges</h3>
+        <p>If there is an issue with your order let us know!</p>
+        <a class="button positive" href="/returns-and-exchanges">View our Return & Exchange policy</a>
+        <div class="content__phone--contact">
+            <h3 class="content__sub-title">Give us a call</h3>
+            <p>304-314-4667</p>
+        </div>
     </div>
 </div>
diff --git a/BC-Home.html b/BC-Home.html
index 594689f..68a4223 100644
--- a/BC-Home.html
+++ b/BC-Home.html
@@ -46,6 +46,11 @@ <h2 class="feature__title">What's new</h2>
                 <div class="feature__item--headers">
                     <!-- product-list-item-info-headers -->
                     {% if product_status != blank %}<div class="feature__item--status {{ product_status }}">{{ product_status }}</div>{% endif %} <!-- product-list-item-status -->
+                    {% for category in product.categories %}
+                        {% if category.name contains 'Pre-Order' %}
+                            <div class="feature__item--status pre-order">Pre-Order</div>
+                        {% endif %}
+                    {% endfor %}
                     <h3 class="feature__item--name">{{ product.name }}</h3> <!-- product-list-item-name -->
                     <div class="feature__item--price">{{ product.default_price | money: theme.money_format }}</div> <!-- product-list-item-price -->
                 </div>
@@ -66,7 +71,7 @@ <h3 class="feature__item--name">{{ product.name }}</h3> <!-- product-list-item-n
             <strong>gives back</strong><br />
             to runners
         </p>
-        <a class="button large" href="/mission">Learn how</a>
+        <a class="button large" href="/giving-back">Learn how</a>
     </div>
     <a class="callout__social" href="https://www.instagram.com/forthe.run/" target="_blank">
         <div class="ig__brand">
diff --git a/BC-Layout.html b/BC-Layout.html
index 1db45c1..c26a891 100644
--- a/BC-Layout.html
+++ b/BC-Layout.html
@@ -174,40 +174,48 @@ <h1 class="custom-page-header page-title has-dash">{{ page.name }}</h1>
             <!--END FOR-->
             {% endfor %}
             {% endcapture %}
-            {% endfor %}
-            <!--3-->
-            {% endif %}
-            <!--2-->
-            {% endif %}
-
-            <div class="similar__products--wrapper">
-                {% if product_divs != blank %}
-                <div class="all-similar-products">{{ product_divs }}</div>
-                <div class="similar__products">
-                    <div class="similar__products--header">
-                        <div class="similar__products--title">Check these out</div>
-                        <!--{% if product.previous_product != blank or product.next_product != blank %}
-                        <ul class="prev-next-products">
+            
+            {% if category.products.size > 1 %}
+                <div class="similar__products--wrapper">
+                    {% if product_divs != blank %}
+                        <div class="all-similar-products">{{ product_divs }}</div>
+                        <div class="similar__products">
+                            <div class="similar__products--header">
+                                <div class="similar__products--title">Check these out</div>
+                                <!--{% if product.previous_product != blank or product.next_product != blank %}
+                                <ul class="prev-next-products">
+                                    {% if product.previous_product != blank %}
+                                    <li>{{ product.previous_product | link_to: "Previous product" }}</li>{% endif %}
+                                    {% if product.next_product != blank %}
+                                    <li>{{ product.next_product | link_to: "Next product" }}</li>{% endif %}
+                                </ul>
+                                {% endif %}-->
+                            </div>
+                            <!-- Needs "similar-product-list -->
+                            <div class="product-list similar-product-list similar__product--list"></div>
+                            <!-- TRYING TO HIDE SIMILAR PRODUCTS WHEN THERE ARE NO OTHER SIMILAR PRODUCTS
+                            {{ product.categories }}
+                            {{ categories.shirts.products | size }}
+                            -->
+                        </div>
+                    {% endif %}
+                    <!--{% if product.previous_product != blank or product.next_product != blank %}
+                        <ul class="prev-next-products {% if product_divs != blank %}with-related{% endif %}">
                             {% if product.previous_product != blank %}
                             <li>{{ product.previous_product | link_to: "Previous product" }}</li>{% endif %}
                             {% if product.next_product != blank %}
                             <li>{{ product.next_product | link_to: "Next product" }}</li>{% endif %}
                         </ul>
-                        {% endif %}-->
-                    </div>
-                    <!-- Needs "similar-product-list -->
-                    <div class="product-list similar-product-list similar__product--list"></div>
+                    {% endif %}-->
                 </div>
-                {% endif %}
-                <!--{% if product.previous_product != blank or product.next_product != blank %}
-                <ul class="prev-next-products {% if product_divs != blank %}with-related{% endif %}">
-                    {% if product.previous_product != blank %}
-                    <li>{{ product.previous_product | link_to: "Previous product" }}</li>{% endif %}
-                    {% if product.next_product != blank %}
-                    <li>{{ product.next_product | link_to: "Next product" }}</li>{% endif %}
-                </ul>
-                {% endif %}-->
-            </div>
+            {% endif %}
+
+            {% endfor %}
+            <!--3-->
+            {% endif %}
+            <!--2-->
+            {% endif %}
+            <!-- -->
             <!--1-->
             {% endif %}
         </div>
@@ -217,8 +225,8 @@ <h1 class="custom-page-header page-title has-dash">{{ page.name }}</h1>
                 <nav class="footer-nav" id="footer">
                     <ul class="footer__navigation">
                         <li class="footer__navigation--list-item">
-                            <a class="footer__navigation--link brand" href="/">
-                                <svg class="ftr__logo" id="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 21.6">
+                            <a class="footer__navigation--link brand" title="Back to For The Run home page" href="/">
+                                <svg class="ftr__logo" alt="For The Run Logo" id="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 21.6">
                                     <path class="ftr__logo--f" id="footer-F" d="M2.9 2c0-.3.2-.5.5-.5h11.2c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5H7.1v3.9h6.2c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5H7.1V20c0 .3-.2.5-.5.5H3.4c-.3 0-.5-.2-.5-.5V2z" fill="#ffa357" />
                                     <path class="ftr__logo--heart" id="footer-Heart" d="M25.8 1.2c5.4 0 9.8 4.4 9.8 9.8s-4.3 9.8-9.8 9.8S16 16.5 16 11s4.4-9.8 9.8-9.8zm0 15.2c3 0 5.4-2.4 5.4-5.4 0-3-2.4-5.5-5.4-5.5-3 0-5.4 2.5-5.4 5.5s2.4 5.4 5.4 5.4z" />
                                     <path class="ftr__logo--o" id="footer-O" d="M25.8 14.4l2.5-2.5c.3-.3.5-.8.5-1.3 0-1-.8-1.8-1.8-1.8-.5 0-.9.2-1.3.5-.2-.3-.7-.5-1.2-.5-1 0-1.8.8-1.8 1.8 0 .5.2.9.5 1.3l2.6 2.5z" />
@@ -230,9 +238,9 @@ <h1 class="custom-page-header page-title has-dash">{{ page.name }}</h1>
                                 </svg>
                             </a>
                         </li>
-                        <li class="footer__navigation--list-item"><a class="footer__navigation--link" href="/products">{{ pages.products.name }}</a></li>
-                        <li class="footer__navigation--list-item"><a class="footer__navigation--link" href="/contact">Contact</a></li>
-                        <li class="footer__navigation--list-item"><a class="footer__navigation--link" href="/cart">Cart {% if cart.item_count > 0 %}<span class="footer__navigation--total">({{ cart.item_count }})</span>{% endif %}</a></li>
+                        <li class="footer__navigation--list-item"><a class="footer__navigation--link" title="Products page" href="/products">{{ pages.products.name }}</a></li>
+                        <li class="footer__navigation--list-item"><a class="footer__navigation--link" title="Contact page" href="/contact">Contact</a></li>
+                        <li class="footer__navigation--list-item"><a class="footer__navigation--link" title="View your cart" href="/cart">Cart {% if cart.item_count > 0 %}<span class="footer__navigation--total">({{ cart.item_count }})</span>{% endif %}</a></li>
                         {% for page in pages.all %}
                         <li class="footer__navigation--list-item">{{ page | link_to }}</li>
                         {% endfor %}
@@ -246,9 +254,9 @@ <h1 class="custom-page-header page-title has-dash">{{ page.name }}</h1>
                         </li>
                         {% endif %}
                     </ul>
-                    {% if store.website != blank %}
-                    <a href="{{ store.website }}" class="button back-to-site">Back to site</a>
-                    {% endif %}
+                    <!--{% if store.website != blank %}
+                        <a href="{{ store.website }}" class="button back-to-site">Back to site</a>
+                    {% endif %}-->
                 </nav>
                 {% if theme.twitter_url != blank or theme.facebook_url != blank or theme.instagram_url != blank or theme.tumblr_url != blank or theme.pinterest_url != blank %}
                 <ul class="social--links">
diff --git a/BC-Product.html b/BC-Product.html
index c3a7c96..f1f105e 100644
--- a/BC-Product.html
+++ b/BC-Product.html
@@ -11,6 +11,12 @@
     <!-- Product Headings -->
     <div class="product__page--headings">
         <h1 class="product--title has-dash">{{ product.name }}</h1>
+        {% for category in product.categories %}
+        <!-- PRE-ORDER -- GET QUANTITY -->
+        {% if category.name == 'Pre-Order' %}
+        <span class="product-status pre-order">Pre-Order</span>
+        {% endif %}
+        {% endfor %}
         {% if product_status != blank %}<span class="product-status {{ product_status }}">{{ product_status }}</span>{% endif %}
     </div>
 
@@ -40,14 +46,54 @@ <h1 class="product--title has-dash">{{ product.name }}</h1>
     </div>
 
     <div class="product__info">
+        {% for category in product.categories %}
+            <!-- PRE-ORDER -- GET QUANTITY -->
+            {% if category.name == 'Pre-Order' %}
+                <h2 class="pre-order--title">
+                    <span class="pre-order--title-label">Available for</span>
+                    Pre-Order
+                </h2>
+            {% endif %}
+            <!-- PRE-ORDER -- GET QUANTITY -->
+            {% if category.name == 'Pre-Order' %}
+                {% for option in product.options %}
+                    <!--<span class="option-sold-test" data-sold="{{ option.sold }}">.</span>
+                    <span class="total-sold></span>-->
+                    <input onblur="findTotal()" class="option-sold" type="text" name="0" hidden value="{{ option.sold }}" />
+                {% endfor %}
+                <input type="text" name="total" id="total" hidden value="0" />
+                <!--{{ product.created_at }}-->
+                <!--<p>Pre-Orders that hit their minimum will be shipped within 3-4 weeks</p>-->
+                <div class="pre-order--info">
+                    <div style="display:inline-block;padding-right:.25rem;" class="pre-order--sold"></div>
+                    <span>/</span>
+                    <div style="display:inline-block;padding-left:.25rem;" class="pre-order--time"></div>
+                    {% for category in product.categories %}
+                        {% if category.name == 'Shirts' %}
+                            <p class="pre-order--info__details">Pre-orders for this shirt are open for two weeks. If it meets the 6 shirt minimum, it will ship to you about two weeks after the pre-order ends.</p>
+                        {% endif %}
+                        {% if category.name == 'Tanks' %}
+                            <p class="pre-order--info__details">Pre-orders for this tank are open for two weeks. If it meets the 6 tank minimum, it will ship to you about two weeks after the pre-order ends.</p>
+                        {% endif %}
+                        {% if category.name == 'Stickers' %}
+                            <p class="pre-order--info__details">Pre-orders for this sticker are open for two weeks. If it meets the 6 sticker minimum, it will ship to you about two weeks after the pre-order ends.</p>
+                        {% endif %}
+                    {% endfor %}
+                    <p class="pre-order--info__details">If an item does not meet the order minimum you will be fully refunded.</p>
+                </div>
+            {% endif %}
+        <!-- END PRE-ORDER -- QUANTITY CHECK -->
+        {% endfor %}
         {% if product.description != blank %}
-        <div class="product--description">
-            {{ product.description | paragraphs }}
-        </div>
+            <h2 class="product--description__title">Description</h2>
+            <div class="product--description">
+                {{ product.description | paragraphs }}
+            </div>
         {% endif %}
 
         <!-- Product Details -->
         <div class="product__details">
+            <!-- IF ACTIVE -->
             {% if product.status == 'active' %}
             {% if theme.show_inventory_bars %}
             <div class="product__inventory">
@@ -56,8 +102,8 @@ <h1 class="product--title has-dash">{{ product.name }}</h1>
                     {% for option in product.options %}
                     <li class="inventory__box{% if option.quantity < 2 %} sold-out{% endif %}">
                         <!--{% if option.quantity < 2 %}
-                    <div>Only 1 left</div>
-                    {% endif %}-->
+                        <div>Only 1 left</div>
+                        {% endif %}-->
                         {% unless product.has_default_option %}<div class="inventory__name">{{ option.name }}</div>{% endunless %}
                         <!--<div class="bar">-->
                         <!-- style="width:{{ option.inventory }}%;" -->
@@ -77,17 +123,37 @@ <h1 class="product--title has-dash">{{ product.name }}</h1>
                 {% else %}
                 <div class="product__select">
                     <!--
+                      {% for category in product.categories %}
+                        {% if category.name == 'Shirts' %}
+                          <div>Your content</div>
+                        {% endif %}
+                      {% endfor %}
+                    -->
+                    <!-- -->
+                    <!-- TESTING -->
                     {% 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>
                     {% endif %}
+                    {% if category.name == 'Tanks' %}
+                    <label class="product__select-label" for="option">Choose a tank size and color</label>
+                    {% endif %}
+                    {% if category.name == 'Stickers' %}
+                    <label class="product__select-label" for="option">Choose a sticker</label>
+                    {% endif %}
                     {% endfor %}
+                    <!-- END TESTING -->
+                    <!-- OLD VERSION WAS NOT WORKING -->
+                    <!--
+                      {% for category in categories.active %}
+                      {% if category.name == 'Shirts' %}
+                      <label class="product__select-label" for="option">Choose a shirt size and color</label>
+                      {% endif %}
+                      {% if category.name == 'Stickers' %}
+                      <label class="product__select-label" for="option">Choose a sticker</label>
+                      {% endif %}
+                      {% endfor %}
+                    -->
                     <select id="product-options" name="[cart][add][id]" aria-label="Select option">
                         {% for option in product.options %}
                         <option value="{{ option.id }}" data-option-price="{{ option.price }}" {% if option.sold_out %} disabled="disabled" {% endif %}>{{ option.name }}{% if option.price != product.default_price %} - {{ option.price | money: theme.money_format }}{% endif %} {% if option.sold_out %}(Sold out){% endif %}</option>
@@ -156,20 +222,20 @@ <h1 class="product--title has-dash">{{ product.name }}</h1>
         //
         //div.innerHTML += '<button class="button choose--product product__options--wrapper" id="' + listvalue[i] + '">' + listarray[i] + ' and ' + color + '</button>';
         div.innerHTML += '<button type="button" name="choose" class="button choose--product product__options--wrapper" id="' + listvalue[i] + '"><span class="product__size--label ' + color.toLowerCase() + '">' + size + '</span><span class="product__color--label">' + color + '</span></button>';
-        console.log("" + size + "and color" + color.toLowerCase() + "");
+        //console.log("" + size + "and color" + color.toLowerCase() + "");
     }
     //
     //
     //
     var productButtons = document.getElementsByClassName("choose--product"); // target all buttons into a element array/collection
     var productButtonsCount = productButtons.length; // cache the length
-    console.log(productButtonsCount);
+    //console.log(productButtonsCount);
     for (var k = 0; k < productButtonsCount; k++) { // reset the counter; check if its smaller than the array length; add itself
         productButtons[k].onclick = function (e) { // assign a function to the onclick event
             //
             var productValue = this.getAttribute("id"); // alert the id attribute of the element clicked
             var currentButton = document.getElementById(productValue);
-            document.getElementById('product-options').value = productValue;            
+            document.getElementById('product-options').value = productValue;
             //
             var productButtons = document.getElementsByClassName("choose--product");
             //
@@ -181,4 +247,135 @@ <h1 class="product--title has-dash">{{ product.name }}</h1>
             currentButton.className += (" selected");
         };
     }
+    //
+    //
+    // SOLD COUNT GENERATION
+    var hiddenInputs = document.getElementsByClassName("option-sold");
+    //console.log(hiddenInputs.length + " times");
+    // Added -1 because it was loops 1 time too many and I couldn't sort out why
+    // --
+    for (var i = 0; i <= hiddenInputs.length - 1; i++) {
+        console.log(hiddenInputs.name = (i + 1));
+        hiddenInputs[i].name = (i + 1);
+    }
+    //
+    var inputs = document.getElementsByClassName("option-sold"),
+        result = document.getElementById('total'),
+        sum = 0;
+    //
+    for(var i=0; i<inputs.length; i++) {
+        var ip = inputs[i];
+
+        if (ip.name && ip.name.indexOf("total") < 0) {
+            sum += parseInt(ip.value) || 0;
+        }
+
+    }
+    document.getElementById("total").value = sum;
+    if (sum > 5) {
+        document.getElementsByClassName('pre-order--sold')[0].innerHTML = "<strong>Pre-Order minimum met!</strong>";
+    } else {
+        document.getElementsByClassName('pre-order--sold')[0].innerHTML = "<strong>" + sum + "</strong> sold";
+    }
+    //result.value = sum;
+
+    /* ALL THE CODE I DO NOT NEED
+    // var text = "{{ product.created_at }}";
+    // var textModified = text.Split(' ')[0];
+    // console.log(textModified);
+    //
+    //
+    //
+    // GET TODAY'S DATE TO COMPARE AGAINST DATE CREATED
+    // var today = new Date();
+    // var dd = String(today.getDate()).padStart(2, '0');
+    // var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
+    // var yyyy = today.getFullYear();
+    // GET TODAY'S DATE INTO SAME FORMAT AS DATE CREATED
+    // today = yyyy + '/' + mm + '/' + dd;
+    //console.log(today);
+    // GET DATE POSTED -- DON'T THINK THIS DOES ANYTHING NOW
+    // var datePosted = new Date();
+    // datePosted = yearCreated + '/' + monthCreated + '/' + dayCreated;
+    //
+    //var dateDeadline = new Date();
+    //dateDeadline = yearCreated + '/' + monthCreated + '/' + dayDeadline;
+    //var dateDeadline = new Date(datePosted.getTime() + 14 * 86400000);
+    //console.log(dateDeadline);
+    //console.log(datePosted);
+    // DO MATH TO SORT OUT NUMBER OF DAYS LEFT
+    //var daysLeft = dayDeadline - dd;
+    //var monthSub = today - datePosted;
+    //console.log(monthSub);
+    //console.log("Pre-Orders close in " + daysLeft + " days");
+    //
+    //var deadline = new Date(yyyy, monthCreated, dayDeadline) //Month is 0-11 in JavaScript
+    //if (mm == monthCreated && dd < dayDeadline) {
+        //console.log("Days to go");
+    //} else {
+        //console.log("Over deadline");
+    //}
+    //if Christmas has passed already
+    //deadline.setFullYear(deadline.getFullYear()+1) //calculate next year's Christmas
+    //
+    //
+    //
+    END OF CODE I DO NOT NEED */
+    //
+    //
+    //
+    // SPLIT DATE CREATED INTO A DATE JS CAN UNDERSTAND
+    // There were other items, but I only produced vars for what I needed
+    var dateCreated = "{{ product.created_at }}";
+    var dateSplit = dateCreated.replace(' ', '-').split('-');
+    var yearCreated = dateSplit[0];
+    var dayCreated = dateSplit[1];
+    var monthCreated = dateSplit[2];
+    //
+    //Set 1 day in milliseconds
+    var one_day = 1000*60*60*24
+    //
+    //Calculate difference between the two dates, and convert to days
+    var currentTime = new Date();
+    var month = currentTime.getMonth() + 1;
+    var day = currentTime.getDate();
+    var year = currentTime.getFullYear();
+    var currentDate = month + "/" + day + "/" + year;
+    var createdDate = monthCreated + '/' + dayCreated + '/' + yearCreated;
+    //
+    // Function to calculate days left between pre-order deadline and today
+    // To get the pre-order deadline, I am taking the first date (createdDate) and adding 14 days * 86400000ms)
+    function DateDiff(date1, date2) {
+        // Establish the pre-order date and subtract it from the current date
+        var datediff = new Date(date1).getTime() + (14 * one_day) - new Date(date2).getTime();
+        return (datediff / (24 * 60 * 60 * 1000));
+    }
+    //
+    // Show the results of DateDiff to make sure the math is right
+    console.log("You have " + DateDiff(createdDate, currentDate) + " left");
+    //
+    // If the number of days left if 0
+    // The DateDiff function makes the "createdDate the deadline date
+    if (DateDiff(createdDate, currentDate) < 1) {
+        document.getElementsByClassName('pre-order--time')[0].innerHTML = "Pre-Order closed";
+    // If the number of days left is 1
+    } else if (DateDiff(createdDate, currentDate) < 2) {
+        document.getElementsByClassName('pre-order--time')[0].innerHTML = "<strong>Final day!</strong>";
+    // If the number of days is more than 1
+    } else {
+        document.getElementsByClassName('pre-order--time')[0].innerHTML = "<strong>" + DateDiff(createdDate, currentDate) + "</strong> days left";
+    }
+    //
+    //
+    //
+    //function findTotal(){
+    //var arr = document.getElementsByClassName('option-sold');
+    //var tot=0;
+    //for(var i=0;i<arr.length;i++){
+    //if(parseInt(arr[i].attr("data-sold")))
+    //tot += parseInt(arr[i].attr("data-sold"));
+    //}
+    //console.log(tot);
+    //document.getElementsByClassName('total-sold').innerHTML = tot;
+    //}
 </script>
\ No newline at end of file
diff --git a/BC-Products.html b/BC-Products.html
index 11aeaf5..cc433d8 100644
--- a/BC-Products.html
+++ b/BC-Products.html
@@ -25,9 +25,9 @@ <h1 class="products__title">Products</h1>
     {% if products != blank %}
     <!-- Shirts -->
     <div class="products__list">
-        {% if page.full_url contains '/products' or page.full_url contains '/shirts' %}
+        {% if page.full_url contains '/products' or page.full_url contains '/pre-order' %}
         <!-- Above checks if the page is either all or shirts -->
-        {% for product in categories.shirts.products %}
+        {% for product in categories.pre-order.products %}
         {% assign product_status = '' %}
         {% case product.status %}
         {% when 'active' %}
@@ -38,6 +38,37 @@ <h1 class="products__title">Products</h1>
         {% assign product_status = 'Coming soon' %}
         {% endcase %}
         <a class="products__item {{ theme.show_overlay }}" href="{{ product.url }}" title="View {{ product.name | escape }}">
+            <!--<div class="product-list-item-container">-->
+            <figure class="products__item--image">
+                <img alt="Image of {{ product.name | escape }}" class="fade-in product-list-image {% if product.image.height > product.image.width %}image-tall{% elsif product.image.height < product.image.width %}image-wide{% else %}image-square{% endif %}" src="{{ product.image | product_image_url | constrain: 1000, 1000 }}">
+            </figure>
+            <!--</div>-->
+            <div class="products__item--info">
+                <!--<div class="product-list-item-background"></div>-->
+                <div class="products__item--headers">
+                    <div class="products__item--status pre-order">Pre-Order</div>
+                    <h3 class="products__item--name">{{ product.name }}</h3>
+                    <div class="products__item--price">{{ product.default_price | money: theme.money_format }}</div>
+                </div>
+            </div>
+        </a>
+        {% endfor %}
+        <!-- -->
+        {% endif %}
+        <!-- END PRE-ORDER SECTION -->
+        {% if page.full_url contains '/products' or page.full_url contains '/tanks' %}
+        <!-- Above checks if the page is either all or shirts -->
+        {% for product in categories.tanks.products %}
+        {% assign product_status = '' %}
+        {% case product.status %}
+        {% when 'active' %}
+        {% if product.on_sale %}{% assign product_status = 'On sale' %}{% endif %}
+        {% when 'sold-out' %}
+        {% assign product_status = 'Sold out' %}
+        {% when 'coming-soon' %}
+        {% assign product_status = 'Coming soon' %}
+        {% endcase %}
+        <a style="{% for category in product.categories %}{% if category.name contains 'Pre-Order' %}display:none;{% endif %}{% endfor %}" class="products__item {{ theme.show_overlay }}" href="{{ product.url }}" title="View {{ product.name | escape }}">
             <!--<div class="product-list-item-container">-->
             <figure class="products__item--image">
                 <img alt="Image of {{ product.name | escape }}" class="fade-in product-list-image {% if product.image.height > product.image.width %}image-tall{% elsif product.image.height < product.image.width %}image-wide{% else %}image-square{% endif %}" src="{{ product.image | product_image_url | constrain: 1000, 1000 }}">
@@ -56,6 +87,38 @@ <h3 class="products__item--name">{{ product.name }}</h3>
         <!-- -->
         {% endif %}
         <!-- -->
+        {% if page.full_url contains '/products' or page.full_url contains '/shirts' %}
+            <!-- Above checks if the page is either all or shirts -->
+            {% for product in categories.shirts.products %}
+                {% assign product_status = '' %}
+                {% case product.status %}
+                    {% when 'active' %}
+                    {% if product.on_sale %}{% assign product_status = 'On sale' %}{% endif %}
+                    {% when 'sold-out' %}
+                    {% assign product_status = 'Sold out' %}
+                    {% when 'coming-soon' %}
+                    {% assign product_status = 'Coming soon' %}
+                {% endcase %}
+                <!-- GET THE CATEGORIES -->
+                <a style="{% for category in product.categories %}{% if category.name contains 'Pre-Order' %}display:none;{% endif %}{% endfor %}" class="products__item {{ theme.show_overlay }}" href="{{ product.url }}" title="View {{ product.name | escape }}">
+                    <!--<div class="product-list-item-container">-->
+                    <figure class="products__item--image">
+                        <img alt="Image of {{ product.name | escape }}" class="fade-in product-list-image {% if product.image.height > product.image.width %}image-tall{% elsif product.image.height < product.image.width %}image-wide{% else %}image-square{% endif %}" src="{{ product.image | product_image_url | constrain: 1000, 1000 }}">
+                    </figure>
+                    <!--</div>-->
+                    <div class="products__item--info">
+                        <!--<div class="product-list-item-background"></div>-->
+                        <div class="products__item--headers">
+                            {% if product_status != blank %}<div class="products__item--status {{ product_status }}">{{ product_status }}</div>{% endif %}
+                            <h3 class="products__item--name">{{ product.name }}</h3>
+                            <div class="products__item--price">{{ product.default_price | money: theme.money_format }}</div>
+                        </div>
+                    </div>
+                </a>
+            {% endfor %}
+        <!-- -->
+        {% endif %}
+        <!-- -->
         {% if page.full_url contains '/products' or page.full_url contains '/stickers' %}
         <!-- Above checks if the page is either all or stickers -->
         <!-- Stickers -->
@@ -69,7 +132,7 @@ <h3 class="products__item--name">{{ product.name }}</h3>
         {% when 'coming-soon' %}
         {% assign product_status = 'Coming soon' %}
         {% endcase %}
-        <a class="products__item {{ theme.show_overlay }}" href="{{ product.url }}" title="View {{ product.name | escape }}">
+        <a style="{% for category in product.categories %}{% if category.name contains 'Pre-Order' %}display:none;{% endif %}{% endfor %}" class="products__item {{ theme.show_overlay }}" href="{{ product.url }}" title="View {{ product.name | escape }}">
             <!--<div class="product-list-item-container">-->
             <figure class="products__item--image">
                 <img alt="Image of {{ product.name | escape }}" class="fade-in product-list-image {% if product.image.height > product.image.width %}image-tall{% elsif product.image.height < product.image.width %}image-wide{% else %}image-square{% endif %}" src="{{ product.image | product_image_url | constrain: 1000, 1000 }}">
diff --git a/about.html b/about.html
index 3cc5fac..4200207 100644
--- a/about.html
+++ b/about.html
@@ -101,7 +101,6 @@ <h2>Ways we plan to give back</h2>
             <p>-<br><strong>For The Run</strong></p>
 
             <!---->
-
             We want to keep this simple! Every product we sell means we can give back to the running community.
 
             WHO OR WHAT WILL WE GIVE TO?
@@ -154,36 +153,98 @@ <h4>Breakdowns</h4>
             </div>
 
             <!--<footer class="module__footer">
-        I am the footer
-    </footer>-->
+                I am the footer
+            </footer>-->
             <!--  -->
             <!--<h2>What are we about?</h2>
-    <p>
-        Helping runners!
-    </p>-->
+            <p>
+                Helping runners!
+            </p>-->
             <!--<p>
-        Running is a passion sport. We love it. You love it.
-    </p>
-    <p>
-        Our proceeds will either go to helping runners meet their fundraising goals or towards races that are raising funds.
-    </p>-->
+                Running is a passion sport. We love it. You love it.
+            </p>
+            <p>
+                Our proceeds will either go to helping runners meet their fundraising goals or towards races that are raising funds.
+            </p>-->
             <!--<h3>
-        How we plan to help.
-    </h3>
-    <p>
-        We plan to create rad-tastic merch for this wonderful running community!
-        Like slapping stickers on things?
-        So do we!
-        Need some more shirts for before, during, or after your run?
-        Can we ever have enough? Is that really a question?
-    </p>
-    <p>
-        Stay tuned for what's to come!
-    </p>
-    <p>- For the run</p>-->
+                How we plan to help.
+            </h3>
+            <p>
+                We plan to create rad-tastic merch for this wonderful running community!
+                Like slapping stickers on things?
+                So do we!
+                Need some more shirts for before, during, or after your run?
+                Can we ever have enough? Is that really a question?
+            </p>
+            <p>
+                Stay tuned for what's to come!
+            </p>
+            <p>- For the run</p>-->
 
         </div>
     </div>
 </body>
 
 </html>
+
+
+
+<p><span class="mission__hashtag">#runners4runners</span><br /><br />That hashtag is where this all started. Runners support each other, motivate each other, and prove to their bodies and their minds that they can do more. <strong>For the Run</strong> is an extension of these things. We aim to provide runners with wonderful products and in turn take at least 50% of what we make and give back.</p>
+<p>Our proceeds will help us give to those whose races are taking them on new adventures. It will let us donate to causes which remind us why we run, and motivate us to do more to help those both near and far.</p>
+<p>This community both humbles and inspires. It reminds us that we are both fragile and unbreakable. We lift one another up and find joy in others triumphs. We are runners.</p>
+<p>At <strong>For the Run</strong>, we want to help where help is needed. We want to take the joy and love that this community generates and amplify it.</p>
+<ul class="mission__list">
+    <li>Train for your run.</li>
+    <li>Be ready for your run.</li>
+    <li>Remember why you run.</li>
+    <li>Love every step.</li>
+</ul>
+<p>We are <strong>For the Run</strong>. We are for your run. We were all built for this. Let’s keep going.</p>
+<span class="mission__heart">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72">
+        <path d="M36 55.9l18-18c2.3-2.3 3.7-5.5 3.7-9 0-7-5.7-12.8-12.8-12.8-3.5 0-6.7 1.4-9 3.7-2.3-2.3-5.5-3.7-9-3.7-7 0-12.8 5.7-12.8 12.8 0 3.5 1.4 6.7 3.7 9l18.2 18z" fill="#303030" />
+    </svg>
+</span>
+<p><strong>For the Run</strong></p>
+<div class="mission__giving">
+    <a class="button positive large" href="/giving-back">Learn how we are giving back</a>
+</div>
+
+
+
+<h2>Why was For The Run created?</h2>
+<p>The running community is filled with amazing people who come from a seemingly unlimited number of backgrounds. No matter the reason, we all share a passion for lacing up our shoes and getting our legs moving. Running has given us so much back in both our lives and the people who inspire us.</p>
+<p>For the Run is an opportunity for us to take the joy running has given us and send that back out into the world. We want this to be something that becomes a part of the running community. We can't wait to see where you all take us!</p>
+<h2>How will we give back</h2>
+<p>At least 50% of every product we sell will go towards helping runners or the causes they care about.</p>
+<h2>Ways we plan to give back</h2>
+<ul class="content__charity-breakdown">
+    <li class="charity--example">
+        <strong>4 shirts</strong>
+        <span> = </span>
+        Donation to a runner's charity
+    </li>
+    <li class="charity--example">
+        <strong>12 shirts</strong>
+        <span> = </span>
+        Give away a half marathon race entry
+    </li>
+    <li class="charity--example">
+        <strong>24 shirts</strong>
+        <span> = </span>
+        Give away a marathon race entry
+    </li>
+    <li class="charity--example">
+        <strong>Weekly causes</strong>
+        <span> = </span>
+        Proceeds for that week go to a cause
+    </li>
+    <li class="charity--example">
+        <strong>Merch for a cause</strong>
+        <span> = </span>
+        Proceeds from a product will go to a cause
+    </li>
+</ul>
+<p>Have ideas for how we can give back? Let us know!</p>
+<a href="/contact" class="button large positive">Contact us</a>
+<p>-<br><strong>For the Run</strong></p>
\ No newline at end of file
diff --git a/assets/css/BACKUP-CSS.css b/assets/css/BACKUP-CSS.css
new file mode 100644
index 0000000..1ba7d20
--- /dev/null
+++ b/assets/css/BACKUP-CSS.css
@@ -0,0 +1,3157 @@
+html {
+    font-family: sans-serif;
+    /* 1 */
+    -ms-text-size-adjust: 100%;
+    /* 2 */
+    -webkit-text-size-adjust: 100%;
+    /* 2 */
+}
+
+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;
+    /* 1 */
+    vertical-align: baseline;
+    /* 2 */
+}
+
+    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: 0.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: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+img {
+    border: 0;
+}
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+figure {
+    margin: 1em 40px;
+}
+
+hr {
+    box-sizing: content-box;
+    height: 0;
+}
+
+pre {
+    overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, monospace;
+    font-size: 1em;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+    color: inherit;
+    /* 1 */
+    font: inherit;
+    /* 2 */
+    margin: 0;
+    /* 3 */
+}
+
+button {
+    overflow: visible;
+}
+
+button,
+select {
+    text-transform: none;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button;
+    /* 2 */
+    cursor: pointer;
+    /* 3 */
+}
+
+    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;
+        /* 1 */
+        padding: 0;
+        /* 2 */
+    }
+
+    input[type="number"]::-webkit-inner-spin-button,
+    input[type="number"]::-webkit-outer-spin-button {
+        height: auto;
+    }
+
+    input[type="search"] {
+        -webkit-appearance: textfield;
+        /* 1 */
+        box-sizing: content-box;
+        /* 2 */
+    }
+
+        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: 0.35em 0.625em 0.75em;
+}
+
+legend {
+    border: 0;
+    /* 1 */
+    padding: 0;
+    /* 2 */
+}
+
+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;
+}
+
+.footer__navigation--link .ftr__logo--the {
+    fill: #fff;
+}
+
+.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: 1.5rem;
+    padding-bottom: 1.5rem;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .header__title {
+        grid-column: 1;
+        grid-row: 1;
+    }
+
+    @media screen and (min-width: 46.875em) {
+        .header__title {
+            grid-column: 1 / span 2;
+        }
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .header__title {
+            grid-column: 2;
+            grid-row: 1;
+        }
+    }
+}
+
+@media screen and (min-width: 62.5em) {
+    .header__title {
+        padding-top: 3rem;
+        padding-bottom: 3rem;
+    }
+}
+
+.header__link {
+    width: calc(100% - 2rem);
+}
+
+@media screen and (min-width: 38.75em) {
+    .header__link {
+        width: 20rem;
+    }
+}
+
+@media screen and (min-width: 62.5em) {
+    .header__link {
+        width: 100%;
+    }
+}
+
+@media screen and (min-width: 87.5em) {
+    .header__link {
+        width: 24rem;
+    }
+}
+
+.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: calc(100vw - 4rem);
+}
+
+@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;
+    }
+}
+
+@media screen and (min-width: 68.75em) {
+    .project {
+        width: calc(100vw - 8rem);
+    }
+}
+
+@media screen and (min-width: 68.75em) {
+    .project {
+        width: 80vw;
+        max-width: 100rem;
+    }
+}
+
+button {
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    background: transparent;
+    border: none;
+    outline: 0;
+}
+
+.button {
+    transition: background .2s ease;
+    display: inline-block;
+    vertical-align: top;
+    padding: .5rem 1rem;
+    font-family: "Raleway", sans-serif;
+    font-size: 1rem;
+    font-weight: 900;
+    line-height: 1em;
+    color: white;
+    text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.4);
+    text-transform: uppercase;
+    text-decoration: none;
+    border: none;
+    border-radius: 10rem;
+}
+
+    .button.large {
+        padding: 1.25rem 2rem;
+        font-size: 1.5rem;
+        font-weight: 900;
+    }
+
+    .button.negative {
+        background: #ff2727;
+    }
+
+        .button.negative:hover {
+            background: #f30000;
+        }
+
+    .button.positive {
+        background: #29e9b8;
+    }
+
+        .button.positive:hover {
+            background: #14cb9b;
+        }
+
+    .button.flat {
+        color: #636363;
+        text-shadow: none;
+        background: transparent;
+        box-shadow: 0 0 0 0.0625rem #636363;
+    }
+
+        .button.flat.negative {
+            color: #ff2727;
+            box-shadow: 0 0 0 0.0625rem #ff2727;
+        }
+
+            .button.flat.negative:hover {
+                color: #fff;
+                background: #f30000;
+                box-shadow: 0 0 0 0.0625rem #f30000;
+            }
+
+        .button.flat.positive {
+            color: #14cb9b;
+            box-shadow: 0 0 0 0.0625rem #29e9b8;
+        }
+
+            .button.flat.positive:hover {
+                color: #fff;
+                background: #14cb9b;
+                box-shadow: 0 0 0 0.0625rem #14cb9b;
+            }
+
+    .button.choose--product {
+        margin: .3125rem;
+        padding: .5rem;
+        width: calc(50% - .625rem);
+        height: 6rem;
+        font-weight: 900;
+        color: #303030;
+        text-shadow: none;
+        border-radius: .25rem;
+        box-shadow: 0 0 0 0.0625rem #bcc7d2;
+    }
+
+@media screen and (min-width: 43.75em) {
+    .button.choose--product {
+        width: calc(25% - .625rem);
+    }
+}
+
+@media screen and (min-width: 65.625em) {
+    .button.choose--product {
+        width: calc(33.333% - .625rem);
+    }
+}
+
+.button.choose--product:hover {
+    background: white;
+    box-shadow: 0 0 0 0.0625rem #7f94a9;
+}
+
+.button.choose--product.selected {
+    background: white;
+    box-shadow: 0 0 0 0.125rem #7f94a9;
+}
+
+.product__size--label {
+    transition: box-shadow .2s ease;
+    display: block;
+    margin: 0 auto .5rem auto;
+    padding: .75rem 0;
+    width: 2.5rem;
+    height: 2.5rem;
+    font-size: 1rem;
+    line-height: 1.125em;
+    text-align: center;
+    color: white;
+    background: black;
+    border-radius: 2rem;
+    box-shadow: 0 0 0 0 black;
+}
+
+.button.choose--product:hover .product__size--label {
+    box-shadow: 0 0 0 .25rem black;
+}
+
+.product__size--label.black {
+    background: black;
+}
+
+.button.choose--product:hover .product__size--label.black,
+.button.choose--product.selected .product__size--label.black {
+    box-shadow: 0 0 0 .25rem black;
+}
+
+.product__size--label.charcoal {
+    background: #424443;
+    box-shadow: 0 0 0 0 #424443;
+}
+
+.button.choose--product:hover .product__size--label.charcoal,
+.button.choose--product.selected .product__size--label.charcoal {
+    box-shadow: 0 0 0 .25rem #424443;
+}
+
+.product__size--label.denim {
+    background: #404C57;
+    box-shadow: 0 0 0 0 #404C57;
+}
+
+.button.choose--product:hover .product__size--label.denim,
+.button.choose--product.selected .product__size--label.denim {
+    box-shadow: 0 0 0 .25rem #404C57;
+}
+
+.product__size--label.indigo {
+    background: #576873;
+    box-shadow: 0 0 0 0 #576873;
+}
+
+.button.choose--product:hover .product__size--label.indigo,
+.button.choose--product.selected .product__size--label.indigo {
+    box-shadow: 0 0 0 .25rem #576873;
+}
+
+.product__color--label {
+    display: inline-block;
+    height: 1rem;
+    font-size: .75rem;
+    font-weight: 900;
+    text-align: center;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .feature__list,
+    .products__list {
+        display: grid;
+        grid-template-columns: 1;
+        grid-template-rows: auto;
+        grid-gap: 0;
+    }
+
+    @media screen and (min-width: 46.875em) {
+        .feature__list,
+        .products__list {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+
+    @media screen and (min-width: 68.75em) {
+        .feature__list,
+        .products__list {
+            grid-template-columns: repeat(4, 1fr);
+        }
+    }
+}
+
+.feature__item,
+.products__item {
+    position: relative;
+    height: 30rem;
+    text-decoration: none;
+    background: #fff;
+    box-shadow: inset 0.0625rem -0.0625rem 0 rgba(48, 48, 48, 0.1);
+}
+
+@media screen and (min-width: 31.25em) {
+    .feature__item,
+    .products__item {
+        height: 35rem;
+    }
+}
+
+@media screen and (min-width: 40.625em) {
+    .feature__item,
+    .products__item {
+        height: 37rem;
+    }
+}
+
+@media screen and (min-width: 46.875em) {
+    .feature__item,
+    .products__item {
+        height: 27rem;
+    }
+}
+
+.feature__item:hover,
+.products__item:hover {
+    box-shadow: inset 0.0625rem -0.0625rem 0 rgba(48, 48, 48, 0.1), inset 0 -0.25rem 0 0 #ffa357;
+}
+
+    .feature__item:hover img,
+    .products__item:hover img {
+        transform: scale(0.9) translate(-50%, -50%);
+    }
+
+.feature__item:after,
+.products__item:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: .0625rem;
+    height: 100%;
+    background: white;
+}
+
+.feature__item:nth-child(1), .feature__item:nth-child(5n),
+.products__item:nth-child(1),
+.products__item:nth-child(5n) {
+    box-shadow: inset 0 -0.0625rem 0 rgba(48, 48, 48, 0.1);
+}
+
+    .feature__item:nth-child(1):hover, .feature__item:nth-child(5n):hover,
+    .products__item:nth-child(1):hover,
+    .products__item:nth-child(5n):hover {
+        box-shadow: inset 0 -0.0625rem 0 rgba(48, 48, 48, 0.1), inset 0 -0.25rem 0 0 #ffa357;
+    }
+
+.feature__item:nth-child(4n):after,
+.products__item:nth-child(4n):after {
+    display: none;
+}
+
+.feature__item--image,
+.products__item--image {
+    position: relative;
+    margin: 0;
+    overflow: hidden;
+    width: 100%;
+    height: 23rem;
+}
+
+@media screen and (min-width: 31.25em) {
+    .feature__item--image,
+    .products__item--image {
+        height: 28rem;
+    }
+}
+
+@media screen and (min-width: 40.625em) {
+    .feature__item--image,
+    .products__item--image {
+        height: 30rem;
+    }
+}
+
+@media screen and (min-width: 46.875em) {
+    .feature__item--image,
+    .products__item--image {
+        height: 20rem;
+    }
+}
+
+.feature__item--image img,
+.products__item--image img {
+    transition: all .5s ease;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    transform-origin: top left;
+    width: 100%;
+    /*@media screen and (min-width: 46.875em) { // 750px
+                    width: auto;
+                    height: 100%;
+                }*/
+}
+
+@media screen and (min-width: 40.625em) {
+    .feature__item--image img,
+    .products__item--image img {
+        width: auto;
+        height: 100%;
+    }
+}
+
+.feature__item--info,
+.products__item--info {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 7rem;
+    text-align: center;
+}
+
+.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: white;
+    background: #ff5a5a;
+    border-radius: .125rem;
+}
+
+    .feature__item--status.sale,
+    .products__item--status.sale {
+        background: #14cb9b;
+    }
+
+.feature__item--name,
+.products__item--name {
+    margin: 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 1rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    color: #303030;
+}
+
+.feature__item--price,
+.products__item--price {
+    margin: .25rem 0 0 0;
+    font-family: "Roboto", sans-serif;
+    font-size: 1rem;
+    font-weight: 500;
+    color: #4a4a4a;
+}
+
+    .feature__item--price .currency_sign,
+    .products__item--price .currency_sign {
+        font-size: 1rem;
+        letter-spacing: 0;
+    }
+
+.feature__highlight {
+    position: relative;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    margin: 0 -4rem;
+    width: calc(100% + 8rem);
+    height: 50vh;
+    background: #303030;
+}
+
+@media screen and (min-width: 40.625em) {
+    .feature__highlight {
+        margin: 0 -20vw;
+        width: calc(100% + 40vw);
+        height: 40rem;
+    }
+}
+
+.feature__highlight:before {
+    content: "";
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    right: -20vw;
+    bottom: 0;
+    left: -20vw;
+    background: rgba(0, 0, 0, 0.3);
+}
+
+.feature__highlight img {
+    position: absolute;
+    z-index: 0;
+    top: 0;
+    right: 0;
+    left: 0;
+    height: 120%;
+}
+
+@media screen and (min-width: 46.875em) {
+    .feature__highlight img {
+        width: 100%;
+        height: auto;
+    }
+}
+
+@media screen and (min-width: 56.25em) {
+    .feature__highlight img {
+        top: 50%;
+        transform: translateY(-40%);
+    }
+}
+
+.feature__welcome {
+    position: relative;
+    z-index: 1;
+    margin: 0 4rem;
+    font-family: "Raleway", sans-serif;
+    font-size: 2.75rem;
+    line-height: .9375em;
+    font-weight: 900;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+@media screen and (min-width: 40.625em) {
+    .feature__welcome {
+        margin: 0 20vw;
+        font-size: 5rem;
+    }
+}
+
+.feature__welcome strong {
+    font-weight: 900;
+    color: #dbfc35;
+}
+
+.feature__title {
+    margin: 0 0 2rem 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 2.5rem;
+    font-weight: 900;
+    line-height: .875em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+.feature__list--wrapper {
+    position: relative;
+    z-index: 0;
+    padding-top: 2rem;
+    padding-bottom: 3rem;
+    height: auto;
+    background: #fff;
+}
+
+    .feature__list--wrapper:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        right: -20vw;
+        bottom: 7rem;
+        left: -20vw;
+        background: #303030;
+        background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"), linear-gradient(30deg, #dbfc35 0%, #ffa357 33%, #ff5a5a 66%, #ff57e7 100%);
+        background-size: cover;
+    }
+
+    .feature__list--wrapper:after {
+        content: "";
+        position: absolute;
+        z-index: -2;
+        top: 0;
+        right: -20vw;
+        bottom: 0;
+        left: -20vw;
+        background: #f9fafb;
+    }
+
+.products__page {
+    position: relative;
+    padding-bottom: 3rem;
+}
+
+@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: 0.0625rem solid #e1e6eb;
+}
+
+.products__header {
+    position: relative;
+    padding: 2rem 0;
+    /*&:after {
+            content: "";
+            position: absolute;
+            z-index: -1;
+            top: 0;
+            right: -20vw;
+            bottom: 0;
+            left: -20vw;
+            background: transparent;
+            background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg");
+            background-size: cover;
+        }*/
+}
+
+    .products__header:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        right: -20vw;
+        bottom: -3rem;
+        left: -20vw;
+        background: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"), linear-gradient(30deg, #dbfc35 0%, #ffa357 33%, #ff5a5a 66%, #ff57e7 100%);
+        background-size: cover;
+    }
+
+.products__title {
+    margin: 0 0 1rem 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 2.5rem;
+    font-weight: 900;
+    line-height: .875em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+.products__category--nav {
+    padding: 0;
+}
+
+.products__categories--title {
+    display: inline-block;
+    margin-right: .5rem;
+}
+
+.products__categories--list {
+    display: inline-block;
+    margin: 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 .75rem;
+            font-family: "Raleway", sans-serif;
+            font-size: .875rem;
+            font-weight: 700;
+            text-transform: uppercase;
+            text-decoration: none;
+            color: #303030;
+            background: #fff;
+            border-radius: 10rem;
+            box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.2);
+        }
+
+@media screen and (min-width: 38.75em) {
+    .products__categories--list li a {
+        padding: .5rem 1rem;
+    }
+}
+
+.products__categories--list li a:hover {
+    color: #ff2727;
+    box-shadow: 0 0 0 0.0625rem #f30000;
+}
+
+.products__categories--list li.selected a {
+    color: white;
+    cursor: default;
+    background: #ff5a5a;
+    box-shadow: 0 0 0 0.0625rem #f30000;
+}
+
+.products__list--wrapper {
+    position: relative;
+    z-index: 0;
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+    height: auto;
+    background: #fff;
+}
+
+.products__list {
+    /*@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            grid-template-rows: auto; // 25rem;
+            grid-gap: 0;
+        }*/
+}
+
+.products__item:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: .0625rem;
+    height: 100%;
+    background: #f9fafb;
+}
+
+.navigation__list,
+.cart__list {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
+.navigation {
+    padding-bottom: 1rem;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .navigation {
+        display: grid;
+        grid-template-columns: auto;
+        grid-template-rows: auto;
+        grid-gap: 0;
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .navigation {
+            grid-template-columns: 32% auto 32%;
+        }
+    }
+
+    @media screen and (min-width: 87.5em) {
+        .navigation {
+            grid-template-columns: 25% auto 25%;
+        }
+    }
+}
+
+@media screen and (min-width: 46.875em) {
+    .navigation {
+        padding-bottom: 1.5rem;
+    }
+}
+
+@media screen and (min-width: 62.5em) {
+    .navigation {
+        padding-bottom: 0;
+    }
+}
+
+.navigation__left {
+    display: flex;
+    align-items: center;
+    margin-bottom: .5rem;
+    text-align: center;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .navigation__left {
+        grid-column: 1;
+        grid-row: 2;
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .navigation__left {
+            grid-column: 1;
+            grid-row: 1;
+        }
+    }
+}
+
+@media screen and (min-width: 46.875em) {
+    .navigation__left {
+        margin-bottom: 0;
+        text-align: left;
+    }
+}
+
+.navigation__right {
+    display: flex;
+    align-items: center;
+    text-align: center;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .navigation__right {
+        grid-column: 1;
+        grid-row: 3;
+    }
+
+    @media screen and (min-width: 46.875em) {
+        .navigation__right {
+            grid-column: 2;
+            grid-row: 2;
+        }
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .navigation__right {
+            grid-column: 3;
+            grid-row: 1;
+        }
+    }
+}
+
+@media screen and (min-width: 46.875em) {
+    .navigation__right {
+        text-align: right;
+    }
+}
+
+.navigation__list-item {
+    display: inline-block;
+    list-style: none;
+}
+
+    .navigation__link,
+    .navigation__list-item a {
+        transition: box-shadow .3s ease;
+        position: relative;
+        display: inline-block;
+        margin-right: .5rem;
+        margin-left: .5rem;
+        padding: .5rem 0;
+        font-family: "Raleway", sans-serif;
+        font-size: 1rem;
+        font-weight: 900;
+        text-transform: uppercase;
+        text-decoration: none;
+        color: #303030;
+        box-shadow: 0 .125rem 0 transparent;
+    }
+
+        .navigation__link:before,
+        .navigation__list-item a:before {
+            content: "";
+            transition: all .2s ease;
+            position: absolute;
+            right: 100%;
+            bottom: 0;
+            left: 0;
+            height: .125rem;
+            background: #5aadff;
+        }
+
+        .navigation__link:hover,
+        .navigation__list-item a:hover {
+            color: #14cb9b;
+            box-shadow: 0 0.125rem 0 #ff57e7;
+        }
+
+            .navigation__link:hover:before,
+            .navigation__list-item a:hover:before {
+                right: 0;
+                background: #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;
+    }
+
+    .navigation__link .navigation__cart--total,
+    .navigation__list-item a .navigation__cart--total {
+        vertical-align: top;
+        font-family: "Roboto", sans-serif;
+        font-size: inherit;
+        font-weight: 700;
+        line-height: 1.1875rem;
+        color: #636363;
+    }
+
+    .navigation__list-item.selected a {
+        color: #007af3;
+        box-shadow: 0 0.0625rem 0 #5aadff;
+    }
+
+.callouts {
+    position: relative;
+    padding-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: 100%;
+        grid-template-rows: auto;
+        grid-gap: 0;
+    }
+
+    @media screen and (min-width: 46.875em) {
+        .callouts {
+            grid-template-columns: 50%;
+        }
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .callouts {
+            grid-template-columns: repeat(3, 1fr);
+        }
+    }
+}
+
+.callouts:before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    right: -20vw;
+    bottom: 0;
+    left: -20vw;
+    background: #f9fafb;
+}
+
+.callout__about, .callout__social {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    height: 16rem;
+}
+
+@media screen and (min-width: 46.875em) {
+    .callout__about, .callout__social {
+        height: 16rem;
+    }
+}
+
+@media screen and (min-width: 62.5em) {
+    .callout__about, .callout__social {
+        flex-direction: row;
+        height: 12rem;
+    }
+}
+
+.callout__about {
+    position: relative;
+    z-index: 0;
+    overflow: hidden;
+    background: #5aadff;
+    box-shadow: inset 0 -0.0625rem 0 #fff;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .callout__about {
+        grid-column: 1;
+        grid-row: 1;
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .callout__about {
+            grid-column: 1 / span 2;
+            grid-row: 1;
+        }
+    }
+}
+
+@media screen and (min-width: 46.875em) {
+    .callout__about {
+        box-shadow: inset -0.0625rem 0 0 #fff;
+    }
+}
+
+.callout__about:before {
+    content: "";
+    position: absolute;
+    z-index: 1;
+    top: -50%;
+    left: -50%;
+    transform: rotate(13deg);
+    opacity: .5;
+    width: 200%;
+    height: 300%;
+    background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/ftr-heart-angle.svg");
+    background-size: 2%;
+    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-align: center;
+    text-transform: uppercase;
+    text-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
+}
+
+@media screen and (min-width: 46.875em) {
+    .callout__about--text {
+        text-align: left;
+    }
+}
+
+.callout__about--text strong {
+    font-weight: 900;
+}
+
+.callout__about .button {
+    position: relative;
+    z-index: 1;
+    margin-bottom: 2rem;
+    background: #2794ff;
+    box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.2);
+}
+
+@media screen and (min-width: 62.5em) {
+    .callout__about .button {
+        margin-right: 4rem;
+        margin-bottom: 0;
+    }
+}
+
+.callout__about .button:hover {
+    background: #0061c0;
+}
+
+.callout__social {
+    position: relative;
+    justify-content: center;
+    text-decoration: none;
+    background: linear-gradient(135deg, #85f3d6 0%, #109c78 100%);
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .callout__social {
+        grid-column: 1;
+        grid-row: 2;
+    }
+
+    @media screen and (min-width: 46.875em) {
+        .callout__social {
+            grid-column: 2;
+            grid-row: 1;
+        }
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .callout__social {
+            grid-column: 3;
+            grid-row: 1;
+        }
+    }
+}
+
+.callout__social:before {
+    content: "";
+    transition: opacity .5s ease;
+    position: absolute;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    background: linear-gradient(135deg, #5ceec9 0%, #0b6e54 100%);
+}
+
+.callout__social:hover:before {
+    opacity: 1;
+}
+
+.callout__social .ig__brand {
+    position: relative;
+    z-index: 1;
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+    text-decoration: none;
+}
+
+.callout__social .ig__brand--logo {
+    display: block;
+    margin-bottom: .5rem;
+    width: 100%;
+}
+
+    .callout__social .ig__brand--logo svg {
+        transform: scale(1.2);
+    }
+
+    .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: 500;
+    color: #fff;
+}
+
+.callout__social .ig__brand--name {
+    position: relative;
+    display: block;
+    margin-bottom: 1rem;
+    font-size: 2rem;
+    font-weight: 900;
+    text-transform: uppercase;
+}
+
+    .callout__social .ig__brand--name:after {
+        content: "";
+        position: absolute;
+        bottom: -.5rem;
+        left: calc(50% - 1rem);
+        width: 2rem;
+        height: .1875rem;
+        background: #0b6e54;
+    }
+
+.content__page {
+    font-family: "Roboto", sans-serif;
+    color: #303030;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .content__page {
+        display: grid;
+        grid-template-columns: 60% 40%;
+        grid-template-rows: auto;
+        grid-gap: 0;
+    }
+}
+
+.content__page.contact {
+    position: relative;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .content__page.contact {
+        grid-template-columns: auto;
+    }
+}
+
+@media screen and (min-width: 62.5em) {
+    .content__page.contact {
+        grid-template-columns: 40% 60%;
+    }
+}
+
+.content__page.contact:before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    right: -20vw;
+    bottom: 0;
+    left: -20vw;
+    background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"), linear-gradient(30deg, #ff57e7 0%, #5aadff 33%, #57eec7 66%, #dbfc35 100%);
+    background-size: cover;
+}
+
+.content__header {
+    position: relative;
+    margin-bottom: 3rem;
+    padding: 2rem 0;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .content__header {
+        grid-column: 1 / span 2;
+        grid-row: 1;
+    }
+}
+
+.content__header:before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    right: -20vw;
+    bottom: 0;
+    left: -20vw;
+    background: linear-gradient(30deg, #ff57e7 0%, #5aadff 33%, #57eec7 66%, #dbfc35 100%);
+}
+
+.content__header:after {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    right: -20vw;
+    bottom: 0;
+    left: -20vw;
+    background: transparent;
+    background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg");
+    background-size: cover;
+}
+
+.content__page.contact .content__header {
+    margin-bottom: 0;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .content__page.contact .content__header {
+        grid-column: 1;
+        grid-row: 1;
+    }
+}
+
+@media screen and (min-width: 62.5em) {
+    @supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+        .content__page.contact .content__header {
+            grid-column: 1 / span 2;
+        }
+    }
+}
+
+.content__page.contact .content__header:before, .content__page.contact .content__header:after {
+    display: none;
+}
+
+.content__title {
+    margin: 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 2.5rem;
+    font-weight: 900;
+    line-height: .875em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+.content__sub-title {
+    margin: 0 0 1em 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 2rem;
+    font-weight: 900;
+    line-height: .875em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+.content h2,
+.content h3,
+.content h4,
+.content h5 {
+    margin: 1em 0 .5em 0;
+    font-family: "Raleway", sans-serif;
+    font-weight: 900;
+    text-transform: uppercase;
+}
+
+.content h2 {
+    font-size: 2.25rem;
+    color: #bd00a2;
+}
+
+.content h3 {
+    font-size: 2.125rem;
+    color: #0061c0;
+}
+
+.content h4 {
+    font-size: 2rem;
+    color: #f000ce;
+}
+
+.content h5 {
+    font-size: 1.75rem;
+    color: #007af3;
+}
+
+.content p,
+.content ul,
+.content li {
+    font-size: 1.4125rem;
+    line-height: 125%;
+}
+
+.content__submission--message {
+    font-family: "Roboto", sans-serif;
+    font-size: 1.25rem;
+    line-height: 125%;
+}
+
+    .content__submission--message .content__sub-title {
+        color: #007af3;
+    }
+
+    .content__submission--message > p {
+        font-size: inherit;
+        line-height: inherit;
+    }
+
+.content__form--wrapper, .content__submission--message {
+    margin-bottom: 3rem;
+    padding: 2rem;
+    background: #fff;
+    border-radius: .5rem;
+    box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.3);
+}
+
+.content__additional--contact p, .content__phone--contact p {
+    font-size: 1.4125rem;
+    line-height: 125%;
+}
+
+.content__additional--contact {
+    margin-bottom: 3rem;
+    padding: 2rem;
+    height: 25rem;
+    background: #fff;
+    border-radius: .5rem;
+    box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.3);
+}
+
+@media screen and (min-width: 62.5em) {
+    .content__additional--contact {
+        margin-left: 3rem;
+    }
+}
+
+.content__additional--contact h2,
+.content__additional--contact h3,
+.content__additional--contact h4 {
+    margin-bottom: .5em;
+    color: #5aadff;
+}
+
+.content__phone--contact {
+    margin-top: 2rem;
+    padding-top: 2rem;
+    border-top: 0.0625rem solid #9daebe;
+}
+
+.content__charity-breakdown {
+    margin: 2rem 0 0 0;
+    padding: 0;
+    list-style: none;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .content__charity-breakdown {
+        display: grid;
+        grid-template-columns: auto;
+        grid-template-rows: auto;
+        grid-gap: 1rem;
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .content__charity-breakdown {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+}
+
+.product {
+    /*&:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        right: -20vw;
+        left: -20vw;
+        height: 10rem;
+        background: $black;
+        background-image: url(../images/polygon-background.svg), linear-gradient(30deg, $yellow 0%, $orange 33%, $red 66%, $purple 100%);
+        background-size: cover;
+    }*/
+    /*&--color {
+        float: left;
+        margin-right: 1rem;
+        margin-bottom: 1rem;
+        width: 40%;
+    }*/
+    /*&--sizing {
+        float: left;
+        width: 40%;
+    }
+    //
+    &--quantity {
+        margin-bottom: 1rem;
+        width: 20%;
+    }*/
+    /*&--select-color,
+    &--select-size,
+    &--select-quantity {
+        padding: .25rem .5rem;
+        width: 100%;
+        color: $black;
+        font-size: 1rem;
+        border: .125rem solid $black;
+    }*/
+    /*.form--label {
+        display: block;
+        margin-bottom: .25rem;
+        padding-right: 1rem;
+        padding-left: 1rem;
+        font-family: $brand-text;
+        font-size: .75rem;
+        font-weight: 700;
+        text-transform: uppercase;
+        color: $black;
+    }*/
+}
+
+.product__page {
+    position: relative;
+    padding-top: 0;
+    padding-bottom: 3rem;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .product__page {
+        display: grid;
+        grid-template-columns: auto;
+        grid-template-rows: auto;
+        grid-gap: 0;
+    }
+
+    @media screen and (min-width: 65.625em) {
+        .product__page {
+            grid-template-columns: 50% 50%;
+        }
+    }
+
+    @media screen and (min-width: 87.5em) {
+        .product__page {
+            grid-template-columns: 60% 40%;
+        }
+    }
+}
+
+@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: 0.0625rem solid #e1e6eb;
+}
+
+.product__page--headings {
+    position: relative;
+    margin-bottom: 3rem;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+    /*&:before {
+            content: "";
+            position: absolute;
+            right: -20vw;
+            bottom: 0;
+            left: -20vw;
+            height: .0625rem;
+            box-shadow: 0 .0625rem 0 darken(#f9fafb, 10%);
+        }*/
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .product__page--headings {
+        grid-column: 1;
+        grid-row: 1;
+    }
+
+    @media screen and (min-width: 65.625em) {
+        .product__page--headings {
+            grid-column: 1 / span 2;
+            grid-row: 1;
+        }
+    }
+}
+
+.product__page--headings:before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    right: -20vw;
+    bottom: 0;
+    left: -20vw;
+    background: #303030;
+    background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"), linear-gradient(30deg, #dbfc35 0%, #ffa357 33%, #ff5a5a 66%, #ff57e7 100%);
+    background-size: cover;
+    box-shadow: 0 0.0625rem 0 #dae1e7;
+}
+
+.product--title {
+    margin: 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 2.5rem;
+    font-weight: 900;
+    line-height: .875em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+.product-status {
+    display: inline-block;
+    margin-top: .5rem;
+    padding: .3125rem .75rem;
+    font-family: "Raleway", sans-serif;
+    font-weight: 700;
+    font-size: 95%;
+    color: #fff;
+    background: #ff5a5a;
+    border-radius: .125rem;
+}
+
+    .product-status.sale {
+        background: #14cb9b;
+    }
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .product__images {
+        grid-column: 1;
+        grid-row: 2;
+    }
+
+    @media screen and (min-width: 65.625em) {
+        .product__images {
+            grid-column: 1;
+            grid-row: 2;
+        }
+    }
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .product__info {
+        grid-column: 1;
+        grid-row: 3;
+    }
+
+    @media screen and (min-width: 65.625em) {
+        .product__info {
+            grid-column: 2;
+            grid-row: 2;
+        }
+    }
+}
+
+@media screen and (min-width: 65.625em) {
+    .product__info {
+        padding-left: 2rem;
+    }
+}
+
+.product__slides {
+    overflow: hidden;
+    margin: 0 -2rem;
+    padding: 0;
+    list-style: none;
+    min-height: 50vh;
+    max-height: 100vh;
+}
+
+@media screen and (min-width: 31.25em) {
+    .product__slides {
+        margin: 0;
+    }
+}
+
+.product__slide {
+    display: none;
+    padding: 0;
+}
+
+@media screen and (min-width: 43.75em) {
+    .product__slide {
+        padding: 0 2rem;
+    }
+}
+
+@media screen and (min-width: 56.25em) {
+    .product__slide {
+        padding: 0 6rem;
+    }
+}
+
+@media screen and (min-width: 65.625em) {
+    .product__slide {
+        padding: 0;
+    }
+}
+
+@media screen and (min-width: 87.5em) {
+    .product__slide {
+        padding: 0 4rem;
+    }
+}
+
+.product__slide.active {
+    display: block;
+}
+
+.product--image {
+    width: 100%;
+}
+
+.product__thumbnails {
+    display: block;
+    margin: 2rem 0 0 0;
+    padding: 0;
+    list-style: none;
+    text-align: center;
+}
+
+.product__thumbnail {
+    display: inline-block;
+    padding: .125rem;
+    width: 3.75rem;
+    box-shadow: 0 0 0 0.0625rem #fff;
+}
+
+@media screen and (min-width: 46.875em) {
+    .product__thumbnail {
+        width: 5rem;
+    }
+}
+
+.product__thumbnail--link {
+    position: relative;
+    display: block;
+}
+
+    .product__thumbnail--link:before {
+        content: "";
+        position: absolute;
+        top: -1rem;
+        right: -1.5rem;
+        left: -1.5rem;
+        width: calc(100% + 3rem);
+        height: .0625rem;
+        background: #cbd4dc;
+    }
+
+    .product__thumbnail--link:hover {
+        box-shadow: 0 0 0 0.0625rem #bcc7d2;
+    }
+
+    .product__thumbnail--link.active:after {
+        content: "";
+        position: absolute;
+        top: -.9375rem;
+        left: calc(50% - 1.25rem);
+        width: 2.5rem;
+        height: .1875rem;
+        background: #ff5a5a;
+        border-radius: 0 0 1rem 1rem;
+    }
+
+    .product__thumbnail--link img {
+        display: block;
+    }
+
+@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 {
+    margin-bottom: 3rem;
+    font-family: "Roboto", sans-serif;
+    font-size: 1.25rem;
+    line-height: 125%;
+    color: #303030;
+}
+
+    .product--description p:last-of-type {
+        font-size: .875rem;
+    }
+
+    .product--description p:only-child {
+        font-size: 1.25rem;
+    }
+
+.product--content {
+    height: 6rem;
+}
+
+.product__select {
+    margin-bottom: 2rem;
+}
+
+.product__inventory {
+    padding: 2rem 0;
+}
+
+.product--info {
+    color: #303030;
+}
+
+.product__select-label {
+    position: relative;
+    display: block;
+    margin-bottom: .5rem;
+    padding-bottom: .5rem;
+    font-family: "Raleway", sans-serif;
+    font-size: .875rem;
+    font-weight: 700;
+    text-transform: uppercase;
+}
+
+    .product__select-label:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        height: .0625rem;
+        background: linear-gradient(30deg, #ff57e7 0%, #5aadff 33%, #57eec7 66%, #dbfc35 100%);
+    }
+
+.product__form select {
+    display: none;
+    visibility: hidden;
+    padding: .5rem;
+    width: 100%;
+    font-size: 1.125rem;
+    color: #303030;
+    border: 0.0625rem solid #303030;
+    border-radius: .25rem;
+}
+
+.product__form svg {
+    display: none;
+}
+
+.product__purchase {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+@media screen and (min-width: 38.75em) {
+    .product__purchase {
+        flex-direction: row;
+        justify-content: unset;
+    }
+}
+
+.product__purchase .button {
+    flex-basis: 100%;
+    width: 100%;
+}
+
+@media screen and (min-width: 38.75em) {
+    .product__purchase .button {
+        width: auto;
+    }
+}
+
+.product--price {
+    padding-right: 2rem;
+    width: 19rem;
+    font-family: "Roboto", sans-serif;
+    font-size: 2.5rem;
+    font-weight: 800;
+    line-height: 1.25em;
+    letter-spacing: -.0625rem;
+    color: #4a4a4a;
+    text-align: center;
+}
+
+@media screen and (min-width: 38.75em) {
+    .product--price {
+        text-align: left;
+    }
+}
+
+.currency_sign {
+    display: inline-block;
+    vertical-align: top;
+    padding-right: .125rem;
+    font-size: 1.5rem;
+}
+
+.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 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: 3rem 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: linear-gradient(30deg, #435465 0%, #1d242b 33%, #29333d 66%, #3d4d5c 100%);
+        background-size: cover;
+    }
+
+    .similar__products--wrapper:after {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        right: -20vw;
+        left: -20vw;
+        opacity: .2;
+        height: 100%;
+        min-height: 20rem;
+        background: transparent;
+        background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/FTR-Icons-Web-Pattern.svg");
+        background-size: 18%;
+        background-position: -4rem -3rem;
+    }
+
+    .similar__products--wrapper .product-list-item {
+        overflow: hidden;
+        width: 100%;
+        text-decoration: none;
+        border-radius: .25rem;
+        box-shadow: 0 0 0 0.125rem #fff;
+    }
+
+@media screen and (min-width: 43.75em) {
+    .similar__products--wrapper .product-list-item {
+        width: 12rem;
+    }
+}
+
+.similar__products--wrapper .product-list-item figure {
+    position: relative;
+    margin: 0 0 -.25rem 0;
+    height: 100%;
+}
+
+.similar__products--wrapper .product-list-item img {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    height: 100%;
+}
+
+@media screen and (min-width: 43.75em) {
+    .similar__products--wrapper .product-list-item img {
+        width: 105%;
+        height: auto;
+    }
+}
+
+.similar__products--wrapper .product-list-item-container {
+    overflow: hidden;
+    height: 12rem;
+}
+
+.similar__products--wrapper .product-list-image-container {
+    background: white;
+}
+
+.similar__products--wrapper .product-list-item-info {
+    padding: 1rem;
+    background: #fff;
+}
+
+.similar__products--wrapper .product-list-item-info-headers {
+    height: 3.5rem;
+    color: #303030;
+}
+
+.similar__products--wrapper .product-list-item-status {
+    font-size: .75rem;
+    color: #ff5a5a;
+}
+
+.similar__products--wrapper .product-list-item-name {
+    font-family: "Raleway", sans-serif;
+    font-size: 1rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    color: #303030;
+}
+
+.similar__products--wrapper .product-list-item-price {
+    display: none;
+    visibility: hidden;
+}
+
+.similar__products--content {
+    width: 80vw;
+    max-width: 100rem;
+}
+
+.similar__products--title {
+    margin: 0 0 1em 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 2rem;
+    font-weight: 900;
+    line-height: 1em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .similar__product--list {
+        display: grid;
+        grid-template-columns: 50% 50%;
+        grid-template-rows: auto;
+        grid-gap: 1rem;
+    }
+
+    @media screen and (min-width: 43.75em) {
+        .similar__product--list {
+            grid-template-columns: 12rem 12rem 12rem 12rem auto;
+        }
+    }
+}
+
+.cart__page {
+    position: relative;
+    padding-bottom: 3rem;
+    min-height: 50vh;
+}
+
+@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;
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .cart__page {
+            grid-template-columns: 50%;
+        }
+    }
+}
+
+.cart__page:before {
+    content: "";
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    right: -20vw;
+    bottom: 0;
+    left: -20vw;
+    background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"), linear-gradient(30deg, #dbfc35 0%, #ffa357 33%, #ff5a5a 66%, #ff57e7 100%);
+    background-size: cover;
+}
+
+.cart__header {
+    position: relative;
+    padding: 2rem 0;
+    /*&:before {
+            content: "";
+            position: absolute;
+            z-index: -1;
+            top: 0;
+            right: -20vw;
+            bottom: 0;
+            left: -20vw;
+            background: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"), linear-gradient(30deg, $yellow 0%, $orange 33%, $red 66%, $purple 100%);
+            background-size: cover;
+        }*/
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .cart__header {
+        grid-column: 1;
+        grid-row: 1;
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .cart__header {
+            grid-column: 1 / span 2;
+        }
+    }
+}
+
+.cart__title {
+    margin: 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 2.5rem;
+    font-weight: 900;
+    line-height: .875em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+.cart__content {
+    margin-bottom: 3rem;
+    padding: 2rem;
+    min-height: 40vh;
+    background: #fff;
+    border-radius: .5rem;
+    box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.3);
+}
+
+    .cart__content .content__sub-title {
+        display: block;
+        margin-top: 0;
+        font-size: 2rem;
+        font-weight: 900;
+        line-height: .875em;
+        color: #f06d00;
+    }
+
+.cart--empty-message {
+    font-family: "Roboto", sans-serif;
+    font-size: 1.25rem;
+    line-height: 125%;
+    color: #303030;
+}
+
+.cart__items {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.cart__item {
+    margin-top: .3125rem;
+    margin-bottom: .3125rem;
+    padding: 1rem;
+    border-radius: .25rem;
+    box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.15);
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .cart__item {
+        display: grid;
+        grid-template-columns: auto;
+        grid-template-rows: auto;
+        grid-gap: 1rem;
+    }
+
+    @media screen and (min-width: 40.625em) {
+        .cart__item {
+            grid-template-columns: 8rem auto;
+        }
+    }
+}
+
+.cart__item--image {
+    width: 8rem;
+}
+
+@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: 1;
+        grid-row: 2;
+    }
+
+    @media screen and (min-width: 40.625em) {
+        .cart__item--details {
+            grid-column: 2;
+            grid-row: 1;
+        }
+    }
+}
+
+.cart__item--details-name {
+    font-family: "Raleway", sans-serif;
+    font-size: 1.25rem;
+    font-weight: 900;
+    color: #303030;
+}
+
+.cart__item--details-option {
+    margin-bottom: 1rem;
+    font-family: "Raleway", sans-serif;
+    font-size: .875rem;
+    font-weight: 700;
+    color: #303030;
+}
+
+.cart__item--details-price {
+    font-family: "Roboto", sans-serif;
+    font-size: 1.5rem;
+    line-height: .875em;
+    color: #303030;
+}
+
+    .cart__item--details-price .currency_sign {
+        font-size: 1rem;
+    }
+
+.cart__item--adjustments {
+    padding-top: .5rem;
+}
+
+    .cart__item--adjustments .button {
+        margin-top: .25rem;
+    }
+
+.cart__item--quantity-holder {
+    display: inline-block;
+    vertical-align: top;
+    margin-right: 1rem;
+    width: 4rem;
+}
+
+    .cart__item--quantity-holder input {
+        vertical-align: top;
+        padding: .5rem;
+        width: 100%;
+        font-family: "Roboto", sans-serif;
+        font-size: 1.25rem;
+        color: black;
+        border: 0.0625rem solid #bcc7d2;
+        border-radius: .25rem;
+    }
+
+.cart__totals {
+    margin-bottom: 2rem;
+}
+
+.cart__summary, .cart__subtotal, .cart__total {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: .25rem;
+    padding: 1rem;
+    font-family: "Raleway", sans-serif;
+    font-size: 1.25rem;
+    font-weight: 900;
+    color: #4a4a4a;
+    box-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.1);
+}
+
+.cart__items--count, .cart__subtotal--amount, .cart__total--amount {
+    font-family: "Roboto", sans-serif;
+    font-size: 1.25rem;
+    color: #303030;
+}
+
+    .cart__items--count .currency_sign, .cart__subtotal--amount .currency_sign, .cart__total--amount .currency_sign {
+        font-size: inherit;
+    }
+
+.cart__footer {
+    margin-top: .125rem;
+    padding: 0;
+    background: white;
+}
+
+.cart__keep--shopping {
+    margin-top: 2rem;
+    padding-top: 2rem;
+    box-shadow: 0 -0.0625rem 0 #dae1e7;
+}
+
+    .cart__keep--shopping p {
+        margin-top: 0;
+        padding-left: 1rem;
+        font-family: "Raleway", sans-serif;
+        font-size: 1.125rem;
+        color: #303030;
+    }
+
+.form--field {
+    margin-bottom: 1rem;
+}
+
+.form--label {
+    display: block;
+    margin-bottom: .25rem;
+    font-family: "Raleway", sans-serif;
+    font-size: .875rem;
+    font-weight: 500;
+    color: #303030;
+    text-transform: uppercase;
+}
+
+.form--input input {
+    vertical-align: top;
+    padding: .5rem;
+    width: 100%;
+    font-family: "Roboto", sans-serif;
+    font-size: 1.25rem;
+    color: black;
+    border: 0.0625rem solid #bcc7d2;
+    border-radius: .25rem;
+}
+
+.form--input.captcha input {
+    width: calc(100% - 9.375rem);
+}
+
+.form--input.captcha img {
+    display: block;
+    width: 9.375rem;
+    height: 4.6875rem;
+}
+
+.form--textarea textarea {
+    padding: .5rem;
+    width: 100%;
+    height: 15rem;
+    font-family: "Roboto", sans-serif;
+    font-size: 1.25rem;
+    line-height: 1.25em;
+    color: black;
+    border: 0.0625rem solid #bcc7d2;
+    border-radius: .25rem;
+}
+
+.custom-page {
+    position: relative;
+    padding-top: 0;
+    padding-bottom: 3rem;
+}
+
+    .custom-page:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        right: -20vw;
+        bottom: 0;
+        left: -20vw;
+        width: calc(100% + 40vw);
+        background: #f9fafb;
+        border-top: 0.0625rem solid #e1e6eb;
+    }
+
+.custom-page-header {
+    position: relative;
+    margin: 0 0 3rem 0;
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+    font-family: "Raleway", sans-serif;
+    font-size: 2.5rem;
+    font-weight: 900;
+    line-height: .875em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+    .custom-page-header:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        top: 0;
+        right: -20vw;
+        bottom: 0;
+        left: -20vw;
+        background: #303030;
+        background-image: url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"), linear-gradient(30deg, #ff57e7 0%, #5aadff 33%, #57eec7 66%, #dbfc35 100%);
+        background-size: cover;
+        box-shadow: 0 0.0625rem 0 #dae1e7;
+    }
+
+.custom-page-content {
+    min-height: 50vh;
+    font-family: "Roboto", sans-serif;
+    font-size: 1.25rem;
+    line-height: 125%;
+    color: #303030;
+}
+
+@media screen and (min-width: 56.25em) {
+    .custom-page-content {
+        padding-right: 20%;
+    }
+}
+
+@media screen and (min-width: 68.75em) {
+    .custom-page-content {
+        padding-right: 40%;
+    }
+}
+
+.custom-page h2,
+.custom-page h3,
+.custom-page h4,
+.custom-page h5 {
+    margin: 1em 0 .5em 0;
+    font-family: "Raleway", sans-serif;
+    font-weight: 900;
+    line-height: 1em;
+    text-transform: uppercase;
+}
+
+.custom-page h2 {
+    font-size: 2.25rem;
+    color: #bd00a2;
+}
+
+.custom-page h3 {
+    font-size: 2.125rem;
+    color: #0061c0;
+}
+
+.custom-page h4 {
+    font-size: 2rem;
+    color: #f000ce;
+}
+
+.custom-page h5 {
+    font-size: 1.75rem;
+    color: #007af3;
+}
+
+.custom-page p,
+.custom-page ul,
+.custom-page li {
+    font-size: 1.4125rem;
+    line-height: 125%;
+}
+
+.custom-page .mission__list {
+    margin-right: 0;
+    margin-left: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.custom-page .mission__hashtag {
+    display: inline-block;
+    padding: .75rem 1.5rem;
+    font-family: "Raleway", sans-serif;
+    font-size: 1.25rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    color: #fff;
+    background: linear-gradient(30deg, #ff57e7 10%, #ff5a5a 90%);
+}
+
+.custom-page .mission__heart {
+    display: block;
+    margin: 0;
+    width: 2rem;
+    height: 2rem;
+}
+
+    .custom-page .mission__heart svg {
+        width: 100%;
+    }
+
+        .custom-page .mission__heart svg path {
+            fill: #ff5a5a;
+        }
+
+.custom-page .mission__giving {
+    position: relative;
+    display: inline-block;
+    margin-top: 3rem;
+    padding: 1rem;
+    background: linear-gradient(30deg, #0e87ff 10%, #ff0bdc 90%);
+    border-radius: 10rem;
+}
+
+    .custom-page .mission__giving:before {
+        content: "";
+        position: absolute;
+        top: -2.5rem;
+        right: 0;
+        left: 0;
+        height: .0625rem;
+        background: #9daebe;
+    }
+
+    .custom-page .mission__giving .button {
+        position: relative;
+    }
+
+        .custom-page .mission__giving .button:after {
+            content: "";
+            position: absolute;
+            top: -1rem;
+            right: -1rem;
+            bottom: -1rem;
+            left: -1rem;
+        }
+
+.custom-page .charity--example {
+    padding: 2rem;
+    font-family: "Raleway", sans-serif;
+    font-size: 1.25rem;
+    text-align: center;
+    color: #303030;
+    border-radius: .25rem;
+}
+
+    .custom-page .charity--example:nth-child(1) {
+        background: #fff;
+        box-shadow: 0 0 0 0.125rem #ff57e7;
+    }
+
+    .custom-page .charity--example:nth-child(2) {
+        background: #fff;
+        box-shadow: 0 0 0 0.125rem #5aadff;
+    }
+
+    .custom-page .charity--example:nth-child(3) {
+        background: #fff;
+        box-shadow: 0 0 0 0.125rem #57eec7;
+    }
+
+    .custom-page .charity--example:nth-child(4) {
+        background: #fff;
+        box-shadow: 0 0 0 0.125rem #dbfc35;
+    }
+
+    .custom-page .charity--example:nth-child(5) {
+        background: #fff;
+        box-shadow: 0 0 0 0.125rem #ffa357;
+    }
+
+    .custom-page .charity--example strong {
+        font-size: 1.75rem;
+        font-weight: 900;
+        text-transform: uppercase;
+    }
+
+    .custom-page .charity--example span {
+        display: block;
+        padding-top: .5rem;
+        padding-bottom: .5rem;
+    }
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .give__campaigns {
+        display: grid;
+        grid-template-columns: auto;
+        grid-template-rows: auto;
+        grid-gap: 1rem;
+    }
+
+    @media screen and (min-width: 62.5em) {
+        .give__campaigns {
+            grid-template-columns: repeat(2, 1fr);
+        }
+    }
+}
+
+.give__block {
+    padding: 2rem;
+    background: #2794ff;
+}
+
+    .give__block:nth-child(1) {
+        background: #2794ff;
+    }
+
+    .give__block h3 {
+        margin: 0 0 .75em 0;
+        padding-bottom: .75em;
+        color: #fff;
+        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.7);
+    }
+
+    .give__block p,
+    .give__block a {
+        color: #fff;
+    }
+
+        .give__block p:last-of-type,
+        .give__block a:last-of-type {
+            margin-bottom: 0;
+        }
+
+.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 {
+        display: grid;
+        grid-template-columns: auto;
+        grid-template-rows: auto;
+        grid-gap: 0;
+    }
+
+    @media screen and (min-width: 46.875em) {
+        .footer__content {
+            grid-template-columns: 40% 30% 30%;
+        }
+    }
+}
+
+@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;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .footer__navigation {
+        grid-column: 1;
+        grid-row: 1;
+    }
+}
+
+.footer__navigation--list-item {
+    display: block;
+    list-style: none;
+}
+
+    .footer__navigation--list-item:first-of-type {
+        margin-bottom: .5rem;
+        border-bottom: 0.0625rem solid #fff;
+    }
+
+        .footer__navigation--list-item:first-of-type .footer__navigation--link,
+        .footer__navigation--list-item:first-of-type a {
+            box-shadow: none;
+        }
+
+            .footer__navigation--list-item:first-of-type .footer__navigation--link:hover,
+            .footer__navigation--list-item:first-of-type a:hover {
+                box-shadow: none;
+            }
+
+                .footer__navigation--list-item:first-of-type .footer__navigation--link:hover:before,
+                .footer__navigation--list-item:first-of-type a:hover:before {
+                    display: none;
+                }
+
+            .footer__navigation--list-item:first-of-type .footer__navigation--link:before,
+            .footer__navigation--list-item:first-of-type a:before {
+                content: "";
+                display: none;
+            }
+
+.footer__navigation--link,
+.footer__navigation a {
+    transition: box-shadow .3s ease;
+    position: relative;
+    display: inline-block;
+    margin-bottom: .5rem;
+    padding: .25rem 0;
+    font-family: "Raleway", sans-serif;
+    font-size: 1rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    text-decoration: none;
+    color: #fff;
+    box-shadow: 0 .0625rem 0 transparent;
+}
+
+    .footer__navigation--link:before,
+    .footer__navigation a:before {
+        content: "";
+        transition: all .2s ease;
+        position: absolute;
+        right: 100%;
+        bottom: 0;
+        left: 0;
+        height: .125rem;
+        background: #5aadff;
+    }
+
+    .footer__navigation--link:hover,
+    .footer__navigation a:hover {
+        color: #57eec7;
+        box-shadow: 0 0.0625rem 0 #5aadff;
+    }
+
+        .footer__navigation--link:hover:before,
+        .footer__navigation a:hover:before {
+            right: 0;
+            background: #ff57e7;
+        }
+
+.footer__navigation--list-item:first-of-type .footer__navigation--link, .footer__navigation--list-item:first-of-type
+.footer__navigation a {
+    margin-left: 0;
+}
+
+.footer__navigation--list-item:last-of-type .footer__navigation--link, .footer__navigation--list-item:last-of-type
+.footer__navigation a {
+    margin-right: 0;
+}
+
+.footer__navigation--link.brand,
+.footer__navigation a.brand {
+    width: 10rem;
+    height: 2.25rem;
+}
+
+.footer__navigation--link .footer__navigation--total,
+.footer__navigation a .footer__navigation--total {
+    vertical-align: top;
+    font-family: "Roboto", sans-serif;
+    font-size: inherit;
+    font-weight: 700;
+    line-height: 1.1875rem;
+    color: rgba(255, 255, 255, 0.5);
+}
+
+.social--links {
+    margin: 2.75rem 0 0 0;
+    padding-top: .5rem;
+    padding-left: 0;
+    border-top: 0.0625rem solid #fff;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .social--links {
+        grid-column: 1;
+        grid-row: 2;
+    }
+
+    @media screen and (min-width: 46.875em) {
+        .social--links {
+            grid-column: 2;
+            grid-row: 1;
+        }
+    }
+}
+
+.social--link {
+    display: block;
+    margin-bottom: .5rem;
+    padding: .25rem 0;
+    text-decoration: none;
+}
+
+    .social--link svg {
+        fill: white;
+    }
+
+    .social--link span {
+        display: inline-block;
+        vertical-align: top;
+        padding-left: .5rem;
+        font-family: "Raleway", sans-serif;
+        font-size: 1rem;
+        font-weight: 900;
+        line-height: 1em;
+        text-transform: uppercase;
+        color: #dbfc35;
+    }
+
+.footer__credit {
+    position: relative;
+    padding: .25rem 0;
+}
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+    .footer__credit {
+        grid-column: 1;
+        grid-row: 3;
+    }
+
+    @media screen and (min-width: 46.875em) {
+        .footer__credit {
+            grid-column: 1;
+            grid-row: 2;
+        }
+    }
+}
+
+.credit__badge a {
+    font-family: "Raleway", sans-serif;
+    font-size: .625rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    text-decoration: none;
+    color: rgba(255, 255, 255, 0.3);
+}
diff --git a/assets/css/_components.button.scss b/assets/css/_components.button.scss
index 767fb31..c117907 100644
--- a/assets/css/_components.button.scss
+++ b/assets/css/_components.button.scss
@@ -21,7 +21,7 @@ button {
     font-weight: 900;
     line-height: 1em;
     color: white;
-    text-shadow: 0 0 .125rem rgba(0,0,0,.2);
+    text-shadow: 0 0 .25rem rgba(0,0,0,.4);
     text-transform: uppercase;
     text-decoration: none;
     border: none;
@@ -153,7 +153,7 @@ button {
             box-shadow: 0 0 0 .25rem #424443;
         }
     }
-
+    //
     &.denim {
         background: #404C57;
         box-shadow: 0 0 0 0 #404C57;
@@ -164,6 +164,16 @@ button {
         }
     }
     //
+    &.envy {
+        background: #60C17E;
+        box-shadow: 0 0 0 0 #60C17E;
+        //
+        .button.choose--product:hover &,
+        .button.choose--product.selected & {
+            box-shadow: 0 0 0 .25rem #60C17E;
+        }
+    }
+    //
     &.indigo {
         background: #576873;
         box-shadow: 0 0 0 0 #576873;
@@ -173,6 +183,63 @@ button {
             box-shadow: 0 0 0 .25rem #576873;
         }
     }
+    //
+    &.white {
+        color: $black;
+        background: #fff;
+        box-shadow: 0 0 0 .0625rem $black;
+        //
+        .button.choose--product:hover &,
+        .button.choose--product.selected & {
+            box-shadow: 0 0 0 .25rem $black;
+        }
+    }
+    //
+    // STICKERS -- MARATHON
+    //
+    &.boston {
+        color: #154DB9;
+        background: #F4DD00;
+        box-shadow: 0 0 0 0 #F4DD00;
+        //
+        .button.choose--product:hover &,
+        .button.choose--product.selected & {
+            box-shadow: 0 0 0 .25rem #F4DD00;
+        }
+    }
+    //
+    &.chicago {
+        color: #FC3919;
+        background: #fff;
+        box-shadow: 0 0 0 .0625rem #064ED8;
+        //
+        .button.choose--product:hover &,
+        .button.choose--product.selected & {
+            box-shadow: 0 0 0 .25rem #064ED8;
+        }
+    }
+    //
+    &.original {
+        color: $black;
+        background: #fff;
+        box-shadow: 0 0 0 .0625rem $black;
+        //
+        .button.choose--product:hover &,
+        .button.choose--product.selected & {
+            box-shadow: 0 0 0 .25rem $black;
+        }
+    }
+    //
+    &.york {
+        color: #FEB204;
+        background: #2843B9;
+        box-shadow: 0 0 0 0 #2843B9;
+        //
+        .button.choose--product:hover &,
+        .button.choose--product.selected & {
+            box-shadow: 0 0 0 .25rem #2843B9;
+        }
+    }
 }
 //
 .product__color--label {
diff --git a/assets/css/_components.content.scss b/assets/css/_components.content.scss
index 46daf21..fcb5a0a 100644
--- a/assets/css/_components.content.scss
+++ b/assets/css/_components.content.scss
@@ -192,27 +192,46 @@
     //
     //
     //
+    &__additional--contact,
+    &__phone--contact {
+        p {
+            font-size: 1.4125rem;
+            line-height: 125%;
+        }
+    }
+    //
     &__additional--contact {
-        margin-left: 1rem;
+        margin-bottom: 3rem;
         padding: 2rem;
-        height: 20rem;
+        height: 25rem;
         background: $white;
         border-radius: .5rem;
         box-shadow: 0 0 0 .0625rem rgba(black, .3);
         //
+        @media screen and (min-width: 62.5em) { // 1000px
+            margin-left: 3rem;
+        }
+        //
         h2,
         h3,
         h4 {
+            margin-bottom: .5em;
             color: $blue;
         }
     }
     //
+    &__phone--contact {
+        margin-top: 2rem;
+        padding-top: 2rem;
+        border-top: .0625rem solid darken(#f9fafb, 30%);
+    }
+    //
     //
     //
     &__charity-breakdown {
         // CSS GRID: Target browsers that support the `display: grid` and `grid-template-columns` (maybe only using repeat?) properties.
         // These properties are exclusive to browsers that support the `display: grid` and `grid-template-columns` properties.
-        @supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+        /*@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
             display: grid;
             grid-template-columns: auto;
             grid-template-rows: auto; // 25rem;
@@ -221,61 +240,10 @@
             @media screen and (min-width: 62.5em) { // 1000px
                 grid-template-columns: repeat(2, 1fr);
             }
-        }
+        }*/
         //
-        margin: 2rem 0 0 0;
+        margin: 2rem 0;
         padding: 0;
         list-style: none;
     }
-}
-//
-.custom-page .charity--example {
-    padding: 2rem;
-    font-family: $brand-text;
-    font-size: 1.25rem;
-    text-align: center;
-    color: $black;
-    border-radius: .25rem;
-    //
-    &:nth-child(1) {
-        background: $white;
-        //background: linear-gradient(30deg, darken($purple, 10%) 0%, darken($purple, 30%) 100%);
-        box-shadow: 0 0 0 .125rem $purple;
-    }
-    //
-    &:nth-child(2) {
-        background: $white;
-        //background: linear-gradient(30deg, darken($purple, 10%) 0%, darken($purple, 30%) 100%);
-        box-shadow: 0 0 0 .125rem $blue;
-    }
-    //
-    &:nth-child(3) {
-        background: $white;
-        //background: linear-gradient(30deg, darken($purple, 10%) 0%, darken($purple, 30%) 100%);
-        box-shadow: 0 0 0 .125rem $green;
-    }
-    //
-    &:nth-child(4) {
-        background: $white;
-        //background: linear-gradient(30deg, darken($purple, 10%) 0%, darken($purple, 30%) 100%);
-        box-shadow: 0 0 0 .125rem $yellow;
-    }
-    //
-    &:nth-child(5) {
-        background: $white;
-        //background: linear-gradient(30deg, darken($purple, 10%) 0%, darken($purple, 30%) 100%);
-        box-shadow: 0 0 0 .125rem $orange;
-    }
-    //
-    strong {
-        font-size: 1.75rem;
-        font-weight: 900;
-        text-transform: uppercase;
-    }
-    //
-    span {
-        display: block;
-        padding-top: .5rem;
-        padding-bottom: .5rem;
-    }
 }
\ No newline at end of file
diff --git a/assets/css/_components.custom-page.scss b/assets/css/_components.custom-page.scss
index a5730cd..058f8c0 100644
--- a/assets/css/_components.custom-page.scss
+++ b/assets/css/_components.custom-page.scss
@@ -103,6 +103,13 @@
             line-height: 125%;
         }
         //
+        .mission__list {
+            margin-right: 0;
+            margin-left: 0;
+            padding: 0;
+            list-style: none;
+        }
+        //
         .mission__hashtag {
             display: inline-block;
             padding: .75rem 1.5rem;
@@ -111,7 +118,7 @@
             font-weight: 900;
             text-transform: uppercase;
             color: $white;
-            background: linear-gradient(30deg, $green 0%, $yellow 33%, $orange 66%, $red 100%);
+            background: linear-gradient(30deg, $purple 10%, $red 90%);
         }
         //
         .mission__heart {
@@ -124,9 +131,131 @@
                 width: 100%;
                 //
                 path {
-                    fill: $red; 
+                    fill: $red;
                 }
             }
         }
+        //
+        .mission__giving {
+            position: relative;
+            display: inline-block;
+            margin-top: 3rem;
+            padding: 1rem;
+            background: linear-gradient(30deg, darken($blue, 15%) 10%, darken($purple, 15%) 90%);
+            border-radius: 10rem;
+            //
+            &:before {
+                content: "";
+                position: absolute;
+                top: -2.5rem;
+                right: 0;
+                left: 0;
+                height: .0625rem;
+                background: darken(#f9fafb, 30%);
+            }
+            //
+            .button {
+                position: relative;
+                //
+                &:after {
+                    content: "";
+                    position: absolute;
+                    top: -1rem;
+                    right: -1rem;
+                    bottom: -1rem;
+                    left: -1rem;
+                }
+            }
+        }
+        //
+        .charity--example {
+            //font-family: $brand-text;
+            font-size: 1.25rem;
+            text-align: left;
+            color: $black;
+            //
+            h3 {
+                position: relative;
+                margin-bottom: .5rem;
+                padding-bottom: .5rem;
+                font-size: 1.75rem;
+                font-weight: 900;
+                text-transform: uppercase;
+                //
+                //
+                &:before {
+                    content: "";
+                    position: absolute;
+                    z-index: -1;
+                    right: 0;
+                    bottom: 0;
+                    left: 0;
+                    height: .0625rem;
+                    background: linear-gradient(30deg, $green 0%, white 100%);
+                }
+            }
+            //
+            span {
+                display: block;
+                padding-top: .5rem;
+                padding-bottom: .5rem;
+            }
+        }
+    }
+}
+//
+//
+//
+.give {
+    &__campaigns {
+        // CSS GRID: Target browsers that support the `display: grid` and `grid-template-columns` (maybe only using repeat?) properties.
+        // These properties are exclusive to browsers that support the `display: grid` and `grid-template-columns` properties.
+        @supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+            display: grid;
+            grid-template-columns: auto;
+            grid-template-rows: auto; // 25rem;
+            grid-gap: 1rem;
+            //
+            @media screen and (min-width: 62.5em) { // 1000px
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }
+    }
+    //
+    &__block {
+        padding: 2rem;
+        background: darken($blue, 10%);
+        //
+        &.weekly {
+            background: darken($purple, 10%);
+        }
+        //
+        &.donation {
+            background: darken($green, 20%);
+        }
+        //
+        &.giveaway {
+            background: darken($blue, 15%);
+        }
+        //
+        &.entry {
+            background: darken($orange, 20%);
+        }
+        //
+        h3 {
+            margin: 0 0 .75em 0;
+            padding-bottom: .75em;
+            color: $white;
+            border-bottom: .0625rem solid rgba($white, .7);
+        }
+        //
+        p,
+        a {
+            color: $white;
+            //
+            &:last-of-type {
+                margin-bottom: 0;
+            }
+        }
     }
 }
diff --git a/assets/css/_components.product.scss b/assets/css/_components.product.scss
index a35b00f..fccaa0a 100644
--- a/assets/css/_components.product.scss
+++ b/assets/css/_components.product.scss
@@ -115,6 +115,10 @@
         &.sale {
             background: darken($green, 20%);
         }
+        //
+        &.pre-order {
+            background: darken($purple, 30%);
+        }
     }
     //
     &__images {
@@ -202,8 +206,13 @@
     &__thumbnail {
         display: inline-block;
         padding: .125rem;
-        width: 5rem;
+        width: 3.75rem;
         box-shadow: 0 0 0 .0625rem $white;
+        //
+        //
+        @media screen and (min-width: 46.875em) { // 750px
+            width: 5rem;
+        }
     }
     //
     &__thumbnail--link {
@@ -238,6 +247,10 @@
                 border-radius: 0 0 1rem 1rem;
             }
         }
+        //
+        img {
+            display: block;
+        }
     }
     //
     &__details {
@@ -287,6 +300,11 @@
         line-height: 125%;
         color: $black;
         //
+        p:first-of-type {
+            margin-top: 0;
+            font-size: 1.25rem;
+        }
+        //
         p:last-of-type {
             font-size: .875rem;
         }
@@ -294,6 +312,27 @@
         p:only-child {
             font-size: 1.25rem;
         }
+        //
+        &__title {
+            position: relative;
+            margin-bottom: .5rem;
+            padding-bottom: .5rem;
+            font-family: $brand-text;
+            font-size: .875rem;
+            font-weight: 700;
+            text-transform: uppercase;
+            //
+            &:before {
+                content: "";
+                position: absolute;
+                z-index: -1;
+                right: 0;
+                bottom: 0;
+                left: 0;
+                height: .0625rem;
+                background: linear-gradient(30deg, $orange 0%, $red 33%, $purple 66%, $blue 100%);
+            }
+        }
     }
     //
     &--content {
@@ -496,4 +535,52 @@
         font-size: 1rem;
         color: lighten($black, 15%);
     }
+}
+//
+//
+//
+.pre-order {
+    &--title {
+        margin: 0;
+        font-family: $brand-text;
+        font-size: 2rem;
+        font-weight: 900;
+        line-height: .875em;
+        text-transform: uppercase;
+        color: darken($purple, 20%);
+        //
+        &-label {
+            display: block;
+            margin-bottom: .25rem;
+            font-size: .875rem;
+            font-weight: 700;
+            line-height: .875em;
+            color: darken($purple, 35%);
+        }
+    }
+    //
+    &--info {
+        margin-top: 1rem;
+        margin-bottom: 2.5rem;
+        padding: 1rem;
+        font-family: $body-text;
+        font-size: 1rem;
+        font-weight: 400;
+        text-transform: uppercase;
+        color: $black;
+        background: rgba($yellow, .3);
+        box-shadow: 0 0 0 .0625rem rgba($yellow, .5);
+        border-radius: .25rem;
+        //
+        strong {
+            padding-right: .125rem;
+        }
+        //
+        &__details {
+            margin-bottom: 0;
+            font-size: .75rem;
+            text-transform: none;
+            //border-top: .0625rem dotted darken($yellow, 30%);
+        }
+    }
 }
\ No newline at end of file
diff --git a/assets/css/_components.products-listing.scss b/assets/css/_components.products-listing.scss
index e63e99b..0f4e699 100644
--- a/assets/css/_components.products-listing.scss
+++ b/assets/css/_components.products-listing.scss
@@ -28,6 +28,8 @@
     //
     &__item {
         position: relative;
+        padding-right: .0625rem;
+        padding-left: .0625rem;
         height: 30rem;
         //min-height: 34rem;
         text-decoration: none;
@@ -66,7 +68,7 @@
         }
         //
         &:nth-child(1),
-        &:nth-child(5n) {
+        &:nth-child(4n+1) {
             box-shadow: inset 0 -.0625rem 0 rgba($black, .1);
             //
             &:hover {
@@ -153,6 +155,10 @@
             &.sale {
                 background: darken($green, 20%);
             }
+            //
+            &.pre-order {
+                background: darken($purple, 30%);
+            }
         }
         //
         &--name {
diff --git a/assets/css/_generic.normalize.scss b/assets/css/_generic.normalize.scss
index b4659a7..3e287b9 100644
--- a/assets/css/_generic.normalize.scss
+++ b/assets/css/_generic.normalize.scss
@@ -1,35 +1,11 @@
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS and IE text size adjust after device orientation change,
- *    without disabling user zoom.
- */
-
-html {
+html {
     font-family: sans-serif; /* 1 */
     -ms-text-size-adjust: 100%; /* 2 */
     -webkit-text-size-adjust: 100%; /* 2 */
 }
-
-/**
- * Remove default margin.
- */
-
 body {
     margin: 0;
 }
-
-/* HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
- */
-
 article,
 aside,
 details,
@@ -45,12 +21,6 @@ section,
 summary {
     display: block;
 }
-
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-
 audio,
 canvas,
 progress,
@@ -58,107 +28,42 @@ video {
     display: inline-block; /* 1 */
     vertical-align: baseline; /* 2 */
 }
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
 audio:not([controls]) {
     display: none;
     height: 0;
 }
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
- */
-
 [hidden],
 template {
     display: none;
 }
-
-/* Links
-   ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
 a {
     background-color: transparent;
 }
-
-/**
- * Improve readability of focused elements when they are also in an
- * active/hover state.
- */
-
 a:active,
 a:hover {
     outline: 0;
 }
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-
 abbr[title] {
     border-bottom: 1px dotted;
 }
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-
 b,
 strong {
     font-weight: bold;
 }
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-
 dfn {
     font-style: italic;
 }
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
-
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }
-
-/**
- * Address styling not present in IE 8/9.
- */
-
 mark {
     background: #ff0;
     color: #000;
 }
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
 small {
     font-size: 80%;
 }
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
 sub,
 sup {
     font-size: 75%;
@@ -174,50 +79,19 @@ sup {
 sub {
     bottom: -0.25em;
 }
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
-
 img {
     border: 0;
 }
-
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
-
 svg:not(:root) {
     overflow: hidden;
 }
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-
 figure {
     margin: 1em 40px;
 }
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
 hr {
     box-sizing: content-box;
     height: 0;
 }
-
-/**
- * Contain overflow in all browsers.
- */
-
 pre {
     overflow: auto;
 }
@@ -233,22 +107,6 @@ samp {
     font-family: monospace, monospace;
     font-size: 1em;
 }
-
-/* Forms
-   ========================================================================== */
-
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
-
 button,
 input,
 optgroup,
@@ -258,35 +116,13 @@ textarea {
     font: inherit; /* 2 */
     margin: 0; /* 3 */
 }
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
-
 button {
     overflow: visible;
 }
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
-
 button,
 select {
     text-transform: none;
 }
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
 button,
 html input[type="button"], /* 1 */
 input[type="reset"],
@@ -294,130 +130,54 @@ input[type="submit"] {
     -webkit-appearance: button; /* 2 */
     cursor: pointer; /* 3 */
 }
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
 button[disabled],
 html input[disabled] {
     cursor: default;
 }
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
 input {
     line-height: normal;
 }
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
 }
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
     height: auto;
 }
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
- */
-
 input[type="search"] {
     -webkit-appearance: textfield; /* 1 */
     box-sizing: content-box; /* 2 */
 }
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
-
-/**
- * Define consistent border, margin, and padding.
- */
-
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
 legend {
     border: 0; /* 1 */
     padding: 0; /* 2 */
 }
-
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
-
 textarea {
     overflow: auto;
 }
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-
 optgroup {
     font-weight: bold;
 }
-
-/* Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
-
 td,
 th {
     padding: 0;
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 963d8f4..873625c 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,10 +1,4 @@
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS and IE text size adjust after device orientation change,
- *    without disabling user zoom.
- */
-html {
+html {
   font-family: sans-serif;
   /* 1 */
   -ms-text-size-adjust: 100%;
@@ -12,20 +6,9 @@ html {
   -webkit-text-size-adjust: 100%;
   /* 2 */ }
 
-/**
- * Remove default margin.
- */
 body {
   margin: 0; }
 
-/* HTML5 display definitions
-   ========================================================================== */
-/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
- */
 article,
 aside,
 details,
@@ -41,10 +24,6 @@ section,
 summary {
   display: block; }
 
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
 audio,
 canvas,
 progress,
@@ -54,83 +33,42 @@ video {
   vertical-align: baseline;
   /* 2 */ }
 
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
 audio:not([controls]) {
   display: none;
   height: 0; }
 
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
- */
 [hidden],
 template {
   display: none; }
 
-/* Links
-   ========================================================================== */
-/**
- * Remove the gray background color from active links in IE 10.
- */
 a {
   background-color: transparent; }
 
-/**
- * Improve readability of focused elements when they are also in an
- * active/hover state.
- */
 a:active,
 a:hover {
   outline: 0; }
 
-/* Text-level semantics
-   ========================================================================== */
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
 abbr[title] {
   border-bottom: 1px dotted; }
 
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
 b,
 strong {
   font-weight: bold; }
 
-/**
- * Address styling not present in Safari and Chrome.
- */
 dfn {
   font-style: italic; }
 
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
 h1 {
   font-size: 2em;
   margin: 0.67em 0; }
 
-/**
- * Address styling not present in IE 8/9.
- */
 mark {
   background: #ff0;
   color: #000; }
 
-/**
- * Address inconsistent and variable font size in all browsers.
- */
 small {
   font-size: 80%; }
 
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
 sub,
 sup {
   font-size: 75%;
@@ -144,38 +82,19 @@ sup {
 sub {
   bottom: -0.25em; }
 
-/* Embedded content
-   ========================================================================== */
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
 img {
   border: 0; }
 
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
 svg:not(:root) {
   overflow: hidden; }
 
-/* Grouping content
-   ========================================================================== */
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
 figure {
   margin: 1em 40px; }
 
-/**
- * Address differences between Firefox and other browsers.
- */
 hr {
   box-sizing: content-box;
   height: 0; }
 
-/**
- * Contain overflow in all browsers.
- */
 pre {
   overflow: auto; }
 
@@ -189,18 +108,6 @@ samp {
   font-family: monospace, monospace;
   font-size: 1em; }
 
-/* Forms
-   ========================================================================== */
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
 button,
 input,
 optgroup,
@@ -213,29 +120,13 @@ textarea {
   margin: 0;
   /* 3 */ }
 
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
 button {
   overflow: visible; }
 
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
 button,
 select {
   text-transform: none; }
 
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
 button,
 html input[type="button"],
 input[type="reset"],
@@ -245,35 +136,18 @@ input[type="submit"] {
   cursor: pointer;
   /* 3 */ }
 
-/**
- * Re-set default cursor for disabled elements.
- */
 button[disabled],
 html input[disabled] {
   cursor: default; }
 
-/**
- * Remove inner padding and border in Firefox 4+.
- */
 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
   padding: 0; }
 
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
 input {
   line-height: normal; }
 
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
 input[type="checkbox"],
 input[type="radio"] {
   box-sizing: border-box;
@@ -281,70 +155,37 @@ input[type="radio"] {
   padding: 0;
   /* 2 */ }
 
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
   height: auto; }
 
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
- */
 input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   box-sizing: content-box;
   /* 2 */ }
 
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none; }
 
-/**
- * Define consistent border, margin, and padding.
- */
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }
 
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
 legend {
   border: 0;
   /* 1 */
   padding: 0;
   /* 2 */ }
 
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
 textarea {
   overflow: auto; }
 
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
 optgroup {
   font-weight: bold; }
 
-/* Tables
-   ========================================================================== */
-/**
- * Remove most spacing between table cells.
- */
 table {
   border-collapse: collapse;
   border-spacing: 0; }
@@ -502,7 +343,7 @@ button {
   font-weight: 900;
   line-height: 1em;
   color: white;
-  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2);
+  text-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.4);
   text-transform: uppercase;
   text-decoration: none;
   border: none;
@@ -594,12 +435,53 @@ button {
     .button.choose--product:hover .product__size--label.denim,
     .button.choose--product.selected .product__size--label.denim {
       box-shadow: 0 0 0 .25rem #404C57; }
+  .product__size--label.envy {
+    background: #60C17E;
+    box-shadow: 0 0 0 0 #60C17E; }
+    .button.choose--product:hover .product__size--label.envy,
+    .button.choose--product.selected .product__size--label.envy {
+      box-shadow: 0 0 0 .25rem #60C17E; }
   .product__size--label.indigo {
     background: #576873;
     box-shadow: 0 0 0 0 #576873; }
     .button.choose--product:hover .product__size--label.indigo,
     .button.choose--product.selected .product__size--label.indigo {
       box-shadow: 0 0 0 .25rem #576873; }
+  .product__size--label.white {
+    color: #303030;
+    background: #fff;
+    box-shadow: 0 0 0 0.0625rem #303030; }
+    .button.choose--product:hover .product__size--label.white,
+    .button.choose--product.selected .product__size--label.white {
+      box-shadow: 0 0 0 0.25rem #303030; }
+  .product__size--label.boston {
+    color: #154DB9;
+    background: #F4DD00;
+    box-shadow: 0 0 0 0 #F4DD00; }
+    .button.choose--product:hover .product__size--label.boston,
+    .button.choose--product.selected .product__size--label.boston {
+      box-shadow: 0 0 0 .25rem #F4DD00; }
+  .product__size--label.chicago {
+    color: #FC3919;
+    background: #fff;
+    box-shadow: 0 0 0 .0625rem #064ED8; }
+    .button.choose--product:hover .product__size--label.chicago,
+    .button.choose--product.selected .product__size--label.chicago {
+      box-shadow: 0 0 0 .25rem #064ED8; }
+  .product__size--label.original {
+    color: #303030;
+    background: #fff;
+    box-shadow: 0 0 0 0.0625rem #303030; }
+    .button.choose--product:hover .product__size--label.original,
+    .button.choose--product.selected .product__size--label.original {
+      box-shadow: 0 0 0 0.25rem #303030; }
+  .product__size--label.york {
+    color: #FEB204;
+    background: #2843B9;
+    box-shadow: 0 0 0 0 #2843B9; }
+    .button.choose--product:hover .product__size--label.york,
+    .button.choose--product.selected .product__size--label.york {
+      box-shadow: 0 0 0 .25rem #2843B9; }
 
 .product__color--label {
   display: inline-block;
@@ -627,6 +509,8 @@ button {
 .feature__item,
 .products__item {
   position: relative;
+  padding-right: .0625rem;
+  padding-left: .0625rem;
   height: 30rem;
   text-decoration: none;
   background: #fff;
@@ -659,13 +543,13 @@ button {
     width: .0625rem;
     height: 100%;
     background: white; }
-  .feature__item:nth-child(1), .feature__item:nth-child(5n),
+  .feature__item:nth-child(1), .feature__item:nth-child(4n+1),
   .products__item:nth-child(1),
-  .products__item:nth-child(5n) {
+  .products__item:nth-child(4n+1) {
     box-shadow: inset 0 -0.0625rem 0 rgba(48, 48, 48, 0.1); }
-    .feature__item:nth-child(1):hover, .feature__item:nth-child(5n):hover,
+    .feature__item:nth-child(1):hover, .feature__item:nth-child(4n+1):hover,
     .products__item:nth-child(1):hover,
-    .products__item:nth-child(5n):hover {
+    .products__item:nth-child(4n+1):hover {
       box-shadow: inset 0 -0.0625rem 0 rgba(48, 48, 48, 0.1), inset 0 -0.25rem 0 0 #ffa357; }
   .feature__item:nth-child(4n):after,
   .products__item:nth-child(4n):after {
@@ -737,6 +621,9 @@ button {
     .feature__item--status.sale,
     .products__item--status.sale {
       background: #14cb9b; }
+    .feature__item--status.pre-order,
+    .products__item--status.pre-order {
+      background: #bd00a2; }
   .feature__item--name,
   .products__item--name {
     margin: 0;
@@ -1395,62 +1282,45 @@ button {
   border-radius: .5rem;
   box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.3); }
 
+.content__additional--contact p, .content__phone--contact p {
+  font-size: 1.4125rem;
+  line-height: 125%; }
+
 .content__additional--contact {
-  margin-left: 1rem;
+  margin-bottom: 3rem;
   padding: 2rem;
-  height: 20rem;
+  height: 25rem;
   background: #fff;
   border-radius: .5rem;
   box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.3); }
+  @media screen and (min-width: 62.5em) {
+    .content__additional--contact {
+      margin-left: 3rem; } }
   .content__additional--contact h2,
   .content__additional--contact h3,
   .content__additional--contact h4 {
+    margin-bottom: .5em;
     color: #5aadff; }
 
+.content__phone--contact {
+  margin-top: 2rem;
+  padding-top: 2rem;
+  border-top: 0.0625rem solid #9daebe; }
+
 .content__charity-breakdown {
-  margin: 2rem 0 0 0;
+  /*@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+            display: grid;
+            grid-template-columns: auto;
+            grid-template-rows: auto; // 25rem;
+            grid-gap: 1rem;
+            //
+            @media screen and (min-width: 62.5em) { // 1000px
+                grid-template-columns: repeat(2, 1fr);
+            }
+        }*/
+  margin: 2rem 0;
   padding: 0;
   list-style: none; }
-  @supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
-    .content__charity-breakdown {
-      display: grid;
-      grid-template-columns: auto;
-      grid-template-rows: auto;
-      grid-gap: 1rem; }
-      @media screen and (min-width: 62.5em) {
-        .content__charity-breakdown {
-          grid-template-columns: repeat(2, 1fr); } } }
-
-.custom-page .charity--example {
-  padding: 2rem;
-  font-family: "Raleway", sans-serif;
-  font-size: 1.25rem;
-  text-align: center;
-  color: #303030;
-  border-radius: .25rem; }
-  .custom-page .charity--example:nth-child(1) {
-    background: #fff;
-    box-shadow: 0 0 0 0.125rem #ff57e7; }
-  .custom-page .charity--example:nth-child(2) {
-    background: #fff;
-    box-shadow: 0 0 0 0.125rem #5aadff; }
-  .custom-page .charity--example:nth-child(3) {
-    background: #fff;
-    box-shadow: 0 0 0 0.125rem #57eec7; }
-  .custom-page .charity--example:nth-child(4) {
-    background: #fff;
-    box-shadow: 0 0 0 0.125rem #dbfc35; }
-  .custom-page .charity--example:nth-child(5) {
-    background: #fff;
-    box-shadow: 0 0 0 0.125rem #ffa357; }
-  .custom-page .charity--example strong {
-    font-size: 1.75rem;
-    font-weight: 900;
-    text-transform: uppercase; }
-  .custom-page .charity--example span {
-    display: block;
-    padding-top: .5rem;
-    padding-bottom: .5rem; }
 
 .product {
   /*&:before {
@@ -1585,6 +1455,8 @@ button {
     border-radius: .125rem; }
     .product-status.sale {
       background: #14cb9b; }
+    .product-status.pre-order {
+      background: #bd00a2; }
   @supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
     .product__images {
       grid-column: 1;
@@ -1642,8 +1514,11 @@ button {
   .product__thumbnail {
     display: inline-block;
     padding: .125rem;
-    width: 5rem;
+    width: 3.75rem;
     box-shadow: 0 0 0 0.0625rem #fff; }
+    @media screen and (min-width: 46.875em) {
+      .product__thumbnail {
+        width: 5rem; } }
   .product__thumbnail--link {
     position: relative;
     display: block; }
@@ -1667,6 +1542,8 @@ button {
       height: .1875rem;
       background: #ff5a5a;
       border-radius: 0 0 1rem 1rem; }
+    .product__thumbnail--link img {
+      display: block; }
   @supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
     .product__details {
       grid-column: 2;
@@ -1683,10 +1560,30 @@ button {
     font-size: 1.25rem;
     line-height: 125%;
     color: #303030; }
+    .product--description p:first-of-type {
+      margin-top: 0;
+      font-size: 1.25rem; }
     .product--description p:last-of-type {
       font-size: .875rem; }
     .product--description p:only-child {
       font-size: 1.25rem; }
+    .product--description__title {
+      position: relative;
+      margin-bottom: .5rem;
+      padding-bottom: .5rem;
+      font-family: "Raleway", sans-serif;
+      font-size: .875rem;
+      font-weight: 700;
+      text-transform: uppercase; }
+      .product--description__title:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        height: .0625rem;
+        background: linear-gradient(30deg, #ffa357 0%, #ff5a5a 33%, #ff57e7 66%, #5aadff 100%); }
   .product--content {
     height: 6rem; }
   .product__select {
@@ -1796,6 +1693,41 @@ button {
   font-size: 1rem;
   color: #565656; }
 
+.pre-order--title {
+  margin: 0;
+  font-family: "Raleway", sans-serif;
+  font-size: 2rem;
+  font-weight: 900;
+  line-height: .875em;
+  text-transform: uppercase;
+  color: #f000ce; }
+  .pre-order--title-label {
+    display: block;
+    margin-bottom: .25rem;
+    font-size: .875rem;
+    font-weight: 700;
+    line-height: .875em;
+    color: #a4008c; }
+
+.pre-order--info {
+  margin-top: 1rem;
+  margin-bottom: 2.5rem;
+  padding: 1rem;
+  font-family: "Roboto", sans-serif;
+  font-size: 1rem;
+  font-weight: 400;
+  text-transform: uppercase;
+  color: #303030;
+  background: rgba(219, 252, 53, 0.3);
+  box-shadow: 0 0 0 0.0625rem rgba(219, 252, 53, 0.5);
+  border-radius: .25rem; }
+  .pre-order--info strong {
+    padding-right: .125rem; }
+  .pre-order--info__details {
+    margin-bottom: 0;
+    font-size: .75rem;
+    text-transform: none; }
+
 .similar__products--wrapper {
   position: relative;
   padding: 3rem 0;
@@ -2206,6 +2138,11 @@ button {
   .custom-page li {
     font-size: 1.4125rem;
     line-height: 125%; }
+  .custom-page .mission__list {
+    margin-right: 0;
+    margin-left: 0;
+    padding: 0;
+    list-style: none; }
   .custom-page .mission__hashtag {
     display: inline-block;
     padding: .75rem 1.5rem;
@@ -2214,7 +2151,7 @@ button {
     font-weight: 900;
     text-transform: uppercase;
     color: #fff;
-    background: linear-gradient(30deg, #57eec7 0%, #dbfc35 33%, #ffa357 66%, #ff5a5a 100%); }
+    background: linear-gradient(30deg, #ff57e7 10%, #ff5a5a 90%); }
   .custom-page .mission__heart {
     display: block;
     margin: 0;
@@ -2224,6 +2161,87 @@ button {
       width: 100%; }
       .custom-page .mission__heart svg path {
         fill: #ff5a5a; }
+  .custom-page .mission__giving {
+    position: relative;
+    display: inline-block;
+    margin-top: 3rem;
+    padding: 1rem;
+    background: linear-gradient(30deg, #0e87ff 10%, #ff0bdc 90%);
+    border-radius: 10rem; }
+    .custom-page .mission__giving:before {
+      content: "";
+      position: absolute;
+      top: -2.5rem;
+      right: 0;
+      left: 0;
+      height: .0625rem;
+      background: #9daebe; }
+    .custom-page .mission__giving .button {
+      position: relative; }
+      .custom-page .mission__giving .button:after {
+        content: "";
+        position: absolute;
+        top: -1rem;
+        right: -1rem;
+        bottom: -1rem;
+        left: -1rem; }
+  .custom-page .charity--example {
+    font-size: 1.25rem;
+    text-align: left;
+    color: #303030; }
+    .custom-page .charity--example h3 {
+      position: relative;
+      margin-bottom: .5rem;
+      padding-bottom: .5rem;
+      font-size: 1.75rem;
+      font-weight: 900;
+      text-transform: uppercase; }
+      .custom-page .charity--example h3:before {
+        content: "";
+        position: absolute;
+        z-index: -1;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        height: .0625rem;
+        background: linear-gradient(30deg, #57eec7 0%, white 100%); }
+    .custom-page .charity--example span {
+      display: block;
+      padding-top: .5rem;
+      padding-bottom: .5rem; }
+
+@supports (display: grid) and (grid-template-columns: repeat(2, 1fr)) {
+  .give__campaigns {
+    display: grid;
+    grid-template-columns: auto;
+    grid-template-rows: auto;
+    grid-gap: 1rem; }
+    @media screen and (min-width: 62.5em) {
+      .give__campaigns {
+        grid-template-columns: repeat(2, 1fr); } } }
+
+.give__block {
+  padding: 2rem;
+  background: #2794ff; }
+  .give__block.weekly {
+    background: #ff24e0; }
+  .give__block.donation {
+    background: #14cb9b; }
+  .give__block.giveaway {
+    background: #0e87ff; }
+  .give__block.entry {
+    background: #f06d00; }
+  .give__block h3 {
+    margin: 0 0 .75em 0;
+    padding-bottom: .75em;
+    color: #fff;
+    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.7); }
+  .give__block p,
+  .give__block a {
+    color: #fff; }
+    .give__block p:last-of-type,
+    .give__block a:last-of-type {
+      margin-bottom: 0; }
 
 .module__footer {
   background: #303030; }
diff --git a/assets/css/styles.min.css b/assets/css/styles.min.css
index 7f97e49..b439bc6 100644
--- a/assets/css/styles.min.css
+++ b/assets/css/styles.min.css
@@ -1,2 +1 @@
-/*! 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;}.footer__navigation--link .ftr__logo--the{fill:#fff;}.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:1.5rem;padding-bottom:1.5rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.header__title{grid-column:1;grid-row:1;}@media screen and(min-width:46.875em){.header__title{grid-column:1 / span 2;}}@media screen and(min-width:62.5em){.header__title{grid-column:2;grid-row:1;}}}@media screen and (min-width:62.5em){.header__title{padding-top:3rem;padding-bottom:3rem;}}.header__link{width:calc(100% - 2rem);}@media screen and (min-width:38.75em){.header__link{width:20rem;}}@media screen and (min-width:62.5em){.header__link{width:100%;}}@media screen and (min-width:87.5em){.header__link{width:24rem;}}.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:calc(100vw - 4rem);}@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;}}@media screen and (min-width:68.75em){.project{width:calc(100vw - 8rem);}}@media screen and (min-width:68.75em){.project{width:80vw;max-width:100rem;}}button{margin:0;padding:0;cursor:pointer;background:transparent;border:none;outline:0;}.button{transition:background .2s ease;display:inline-block;vertical-align:top;padding:.5rem 1rem;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;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;}.button.negative{background:#ff2727;}.button.negative:hover{background:#f30000;}.button.positive{background:#29e9b8;}.button.positive:hover{background:#14cb9b;}.button.flat{color:#636363;text-shadow:none;background:transparent;box-shadow:0 0 0 .0625rem #636363;}.button.flat.negative{color:#ff2727;box-shadow:0 0 0 .0625rem #ff2727;}.button.flat.negative:hover{color:#fff;background:#f30000;box-shadow:0 0 0 .0625rem #f30000;}.button.flat.positive{color:#14cb9b;box-shadow:0 0 0 .0625rem #29e9b8;}.button.flat.positive:hover{color:#fff;background:#14cb9b;box-shadow:0 0 0 .0625rem #14cb9b;}.button.choose--product{margin:.3125rem;padding:.5rem;width:calc(50% - .625rem);height:6rem;font-weight:900;color:#303030;text-shadow:none;border-radius:.25rem;box-shadow:0 0 0 .0625rem #bcc7d2;}@media screen and (min-width:43.75em){.button.choose--product{width:calc(25% - .625rem);}}@media screen and (min-width:65.625em){.button.choose--product{width:calc(33.333% - .625rem);}}.button.choose--product:hover{background:#fff;box-shadow:0 0 0 .0625rem #7f94a9;}.button.choose--product.selected{background:#fff;box-shadow:0 0 0 .125rem #7f94a9;}.product__size--label{transition:box-shadow .2s ease;display:block;margin:0 auto .5rem auto;padding:.75rem 0;width:2.5rem;height:2.5rem;font-size:1rem;line-height:1.125em;text-align:center;color:#fff;background:#000;border-radius:2rem;box-shadow:0 0 0 0 black;}.button.choose--product:hover .product__size--label{box-shadow:0 0 0 .25rem black;}.product__size--label.black{background:#000;}.button.choose--product:hover .product__size--label.black,.button.choose--product.selected .product__size--label.black{box-shadow:0 0 0 .25rem black;}.product__size--label.charcoal{background:#424443;box-shadow:0 0 0 0 #424443;}.button.choose--product:hover .product__size--label.charcoal,.button.choose--product.selected .product__size--label.charcoal{box-shadow:0 0 0 .25rem #424443;}.product__size--label.denim{background:#404c57;box-shadow:0 0 0 0 #404c57;}.button.choose--product:hover .product__size--label.denim,.button.choose--product.selected .product__size--label.denim{box-shadow:0 0 0 .25rem #404c57;}.product__size--label.indigo{background:#576873;box-shadow:0 0 0 0 #576873;}.button.choose--product:hover .product__size--label.indigo,.button.choose--product.selected .product__size--label.indigo{box-shadow:0 0 0 .25rem #576873;}.product__color--label{display:inline-block;height:1rem;font-size:.75rem;font-weight:900;text-align:center;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__list,.products__list{display:grid;grid-template-columns:1;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:46.875em){.feature__list,.products__list{grid-template-columns:repeat(2,1fr);}}@media screen and(min-width:68.75em){.feature__list,.products__list{grid-template-columns:repeat(4,1fr);}}}.feature__item,.products__item{position:relative;height:30rem;text-decoration:none;background:#fff;box-shadow:inset .0625rem -.0625rem 0 rgba(48,48,48,.1);}@media screen and (min-width:31.25em){.feature__item,.products__item{height:35rem;}}@media screen and (min-width:40.625em){.feature__item,.products__item{height:37rem;}}@media screen and (min-width:46.875em){.feature__item,.products__item{height:27rem;}}.feature__item:hover,.products__item:hover{box-shadow:inset .0625rem -.0625rem 0 rgba(48,48,48,.1),inset 0 -.25rem 0 0 #ffa357;}.feature__item:hover img,.products__item:hover img{transform:scale(.9) translate(-50%,-50%);}.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),.feature__item:nth-child(5n),.products__item:nth-child(1),.products__item:nth-child(5n){box-shadow:inset 0 -.0625rem 0 rgba(48,48,48,.1);}.feature__item:nth-child(1):hover,.feature__item:nth-child(5n):hover,.products__item:nth-child(1):hover,.products__item:nth-child(5n):hover{box-shadow:inset 0 -.0625rem 0 rgba(48,48,48,.1),inset 0 -.25rem 0 0 #ffa357;}.feature__item:nth-child(4n):after,.products__item:nth-child(4n):after{display:none;}.feature__item--image,.products__item--image{position:relative;margin:0;overflow:hidden;width:100%;height:23rem;}@media screen and (min-width:31.25em){.feature__item--image,.products__item--image{height:28rem;}}@media screen and (min-width:40.625em){.feature__item--image,.products__item--image{height:30rem;}}@media screen and (min-width:46.875em){.feature__item--image,.products__item--image{height:20rem;}}.feature__item--image img,.products__item--image img{transition:all .5s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:top left;width:100%;}@media screen and (min-width:40.625em){.feature__item--image img,.products__item--image img{width:auto;height:100%;}}.feature__item--info,.products__item--info{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:7rem;text-align:center;}.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--status.sale,.products__item--status.sale{background:#14cb9b;}.feature__item--name,.products__item--name{margin:0;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;color:#303030;}.feature__item--price,.products__item--price{margin:.25rem 0 0 0;font-family:"Roboto",sans-serif;font-size:1rem;font-weight:500;color:#4a4a4a;}.feature__item--price .currency_sign,.products__item--price .currency_sign{font-size:1rem;letter-spacing:0;}.feature__highlight{position:relative;display:flex;align-items:center;overflow:hidden;margin:0 -4rem;width:calc(100% + 8rem);height:50vh;background:#303030;}@media screen and (min-width:40.625em){.feature__highlight{margin:0 -20vw;width:calc(100% + 40vw);height:40rem;}}.feature__highlight:before{content:"";position:absolute;z-index:1;top:0;right:-20vw;bottom:0;left:-20vw;background:rgba(0,0,0,.3);}.feature__highlight img{position:absolute;z-index:0;top:0;right:0;left:0;height:120%;}@media screen and (min-width:46.875em){.feature__highlight img{width:100%;height:auto;}}@media screen and (min-width:56.25em){.feature__highlight img{top:50%;transform:translateY(-40%);}}.feature__welcome{position:relative;z-index:1;margin:0 4rem;font-family:"Raleway",sans-serif;font-size:2.75rem;line-height:.9375em;font-weight:900;text-transform:uppercase;color:#fff;}@media screen and (min-width:40.625em){.feature__welcome{margin:0 20vw;font-size:5rem;}}.feature__welcome strong{font-weight:900;color:#dbfc35;}.feature__title{margin:0 0 2rem 0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.feature__list--wrapper{position:relative;z-index:0;padding-top:2rem;padding-bottom:3rem;height:auto;background:#fff;}.feature__list--wrapper:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:7rem;left:-20vw;background:#303030;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.feature__list--wrapper:after{content:"";position:absolute;z-index:-2;top:0;right:-20vw;bottom:0;left:-20vw;background:#f9fafb;}.products__page{position:relative;padding-bottom:3rem;}@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__header{position:relative;padding:2rem 0;}.products__header:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:-3rem;left:-20vw;background:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.products__title{margin:0 0 1rem 0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.products__category--nav{padding:0;}.products__categories--title{display:inline-block;margin-right:.5rem;}.products__categories--list{display:inline-block;margin: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 .75rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:700;text-transform:uppercase;text-decoration:none;color:#303030;background:#fff;border-radius:10rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.2);}@media screen and (min-width:38.75em){.products__categories--list li a{padding:.5rem 1rem;}}.products__categories--list li a:hover{color:#ff2727;box-shadow:0 0 0 .0625rem #f30000;}.products__categories--list li.selected a{color:#fff;cursor:default;background:#ff5a5a;box-shadow:0 0 0 .0625rem #f30000;}.products__list--wrapper{position:relative;z-index:0;padding-top:3rem;padding-bottom:3rem;height:auto;background:#fff;}.products__item:after{content:"";position:absolute;top:0;right:0;bottom:0;width:.0625rem;height:100%;background:#f9fafb;}.navigation__list,.cart__list{margin:0;padding:0;width:100%;}.navigation{padding-bottom:1rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:62.5em){.navigation{grid-template-columns:32% auto 32%;}}@media screen and(min-width:87.5em){.navigation{grid-template-columns:25% auto 25%;}}}@media screen and (min-width:46.875em){.navigation{padding-bottom:1.5rem;}}@media screen and (min-width:62.5em){.navigation{padding-bottom:0;}}.navigation__left{display:flex;align-items:center;margin-bottom:.5rem;text-align:center;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation__left{grid-column:1;grid-row:2;}@media screen and(min-width:62.5em){.navigation__left{grid-column:1;grid-row:1;}}}@media screen and (min-width:46.875em){.navigation__left{margin-bottom:0;text-align:left;}}.navigation__right{display:flex;align-items:center;text-align:center;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation__right{grid-column:1;grid-row:3;}@media screen and(min-width:46.875em){.navigation__right{grid-column:2;grid-row:2;}}@media screen and(min-width:62.5em){.navigation__right{grid-column:3;grid-row:1;}}}@media screen and (min-width:46.875em){.navigation__right{text-align:right;}}.navigation__list-item{display:inline-block;list-style:none;}.navigation__link,.navigation__list-item a{transition:box-shadow .3s ease;position:relative;display:inline-block;margin-right:.5rem;margin-left:.5rem;padding:.5rem 0;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;text-decoration:none;color:#303030;box-shadow:0 .125rem 0 transparent;}.navigation__link:before,.navigation__list-item a:before{content:"";transition:all .2s ease;position:absolute;right:100%;bottom:0;left:0;height:.125rem;background:#5aadff;}.navigation__link:hover,.navigation__list-item a:hover{color:#14cb9b;box-shadow:0 .125rem 0 #ff57e7;}.navigation__link:hover:before,.navigation__list-item a:hover:before{right:0;background:#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;}.navigation__link .navigation__cart--total,.navigation__list-item a .navigation__cart--total{vertical-align:top;font-family:"Roboto",sans-serif;font-size:inherit;font-weight:700;line-height:1.1875rem;color:#636363;}.navigation__list-item.selected a{color:#007af3;box-shadow:0 .0625rem 0 #5aadff;}.callouts{position:relative;padding-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:100%;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:46.875em){.callouts{grid-template-columns:50%;}}@media screen and(min-width:62.5em){.callouts{grid-template-columns:repeat(3,1fr);}}}.callouts:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:#f9fafb;}.callout__about,.callout__social{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:16rem;}@media screen and (min-width:46.875em){.callout__about,.callout__social{height:16rem;}}@media screen and (min-width:62.5em){.callout__about,.callout__social{flex-direction:row;height:12rem;}}.callout__about{position:relative;z-index:0;overflow:hidden;background:#5aadff;box-shadow:inset 0 -.0625rem 0 #fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callout__about{grid-column:1;grid-row:1;}@media screen and(min-width:62.5em){.callout__about{grid-column:1 / span 2;grid-row:1;}}}@media screen and (min-width:46.875em){.callout__about{box-shadow:inset -.0625rem 0 0 #fff;}}.callout__about:before{content:"";position:absolute;z-index:1;top:-50%;left:-50%;transform:rotate(13deg);opacity:.5;width:200%;height:300%;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/ftr-heart-angle.svg");background-size:2%;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-align:center;text-transform:uppercase;text-shadow:0 0 1rem rgba(0,0,0,.3);}@media screen and (min-width:46.875em){.callout__about--text{text-align:left;}}.callout__about--text strong{font-weight:900;}.callout__about .button{position:relative;z-index:1;margin-bottom:2rem;background:#2794ff;box-shadow:0 0 0 .0625rem rgba(255,255,255,.2);}@media screen and (min-width:62.5em){.callout__about .button{margin-right:4rem;margin-bottom:0;}}.callout__about .button:hover{background:#0061c0;}.callout__social{position:relative;justify-content:center;text-decoration:none;background:linear-gradient(135deg,#85f3d6 0%,#109c78 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callout__social{grid-column:1;grid-row:2;}@media screen and(min-width:46.875em){.callout__social{grid-column:2;grid-row:1;}}@media screen and(min-width:62.5em){.callout__social{grid-column:3;grid-row:1;}}}.callout__social:before{content:"";transition:opacity .5s ease;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;background:linear-gradient(135deg,#5ceec9 0%,#0b6e54 100%);}.callout__social:hover:before{opacity:1;}.callout__social .ig__brand{position:relative;z-index:1;display:inline-block;width:100%;text-align:center;text-decoration:none;}.callout__social .ig__brand--logo{display:block;margin-bottom:.5rem;width:100%;}.callout__social .ig__brand--logo svg{transform:scale(1.2);}.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:500;color:#fff;}.callout__social .ig__brand--name{position:relative;display:block;margin-bottom:1rem;font-size:2rem;font-weight:900;text-transform:uppercase;}.callout__social .ig__brand--name:after{content:"";position:absolute;bottom:-.5rem;left:calc(50% - 1rem);width:2rem;height:.1875rem;background:#0b6e54;}.content__page{font-family:"Roboto",sans-serif;color:#303030;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__page{display:grid;grid-template-columns:60% 40%;grid-template-rows:auto;grid-gap:0;}}.content__page.contact{position:relative;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__page.contact{grid-template-columns:auto;}}@media screen and (min-width:62.5em){.content__page.contact{grid-template-columns:40% 60%;}}.content__page.contact:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"),linear-gradient(30deg,#ff57e7 0%,#5aadff 33%,#57eec7 66%,#dbfc35 100%);background-size:cover;}.content__header{position:relative;margin-bottom:3rem;padding:2rem 0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__header{grid-column:1 / span 2;grid-row:1;}}.content__header:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:linear-gradient(30deg,#ff57e7 0%,#5aadff 33%,#57eec7 66%,#dbfc35 100%);}.content__header:after{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:transparent;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg");background-size:cover;}.content__page.contact .content__header{margin-bottom:0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__page.contact .content__header{grid-column:1;grid-row:1;}}@media screen and (min-width:62.5em){@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__page.contact .content__header{grid-column:1 / span 2;}}}.content__page.contact .content__header:before,.content__page.contact .content__header:after{display:none;}.content__title{margin:0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.content__sub-title{margin:0 0 1em 0;font-family:"Raleway",sans-serif;font-size:2rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.content h2,.content h3,.content h4,.content h5{margin:1em 0 .5em 0;font-family:"Raleway",sans-serif;font-weight:900;text-transform:uppercase;}.content h2{font-size:2.25rem;color:#bd00a2;}.content h3{font-size:2.125rem;color:#0061c0;}.content h4{font-size:2rem;color:#f000ce;}.content h5{font-size:1.75rem;color:#007af3;}.content p,.content ul,.content li{font-size:1.4125rem;line-height:125%;}.content__submission--message{font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:125%;}.content__submission--message .content__sub-title{color:#007af3;}.content__submission--message>p{font-size:inherit;line-height:inherit;}.content__form--wrapper,.content__submission--message{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:.5rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.3);}.content__additional--contact{margin-left:1rem;padding:2rem;height:20rem;background:#fff;border-radius:.5rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.3);}.content__additional--contact h2,.content__additional--contact h3,.content__additional--contact h4{color:#5aadff;}.content__charity-breakdown{margin:2rem 0 0 0;padding:0;list-style:none;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__charity-breakdown{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:1rem;}@media screen and(min-width:62.5em){.content__charity-breakdown{grid-template-columns:repeat(2,1fr);}}}.custom-page .charity--example{padding:2rem;font-family:"Raleway",sans-serif;font-size:1.25rem;text-align:center;color:#303030;border-radius:.25rem;}.custom-page .charity--example:nth-child(1){background:#fff;box-shadow:0 0 0 .125rem #ff57e7;}.custom-page .charity--example:nth-child(2){background:#fff;box-shadow:0 0 0 .125rem #5aadff;}.custom-page .charity--example:nth-child(3){background:#fff;box-shadow:0 0 0 .125rem #57eec7;}.custom-page .charity--example:nth-child(4){background:#fff;box-shadow:0 0 0 .125rem #dbfc35;}.custom-page .charity--example:nth-child(5){background:#fff;box-shadow:0 0 0 .125rem #ffa357;}.custom-page .charity--example strong{font-size:1.75rem;font-weight:900;text-transform:uppercase;}.custom-page .charity--example span{display:block;padding-top:.5rem;padding-bottom:.5rem;}.product__page{position:relative;padding-top:0;padding-bottom:3rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:65.625em){.product__page{grid-template-columns:50% 50%;}}@media screen and(min-width:87.5em){.product__page{grid-template-columns:60% 40%;}}}@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;}.product__page--headings{position:relative;margin-bottom:3rem;padding-top:2rem;padding-bottom:2rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page--headings{grid-column:1;grid-row:1;}@media screen and(min-width:65.625em){.product__page--headings{grid-column:1 / span 2;grid-row:1;}}}.product__page--headings:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:#303030;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;box-shadow:0 .0625rem 0 #dae1e7;}.product--title{margin:0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.product-status{display:inline-block;margin-top:.5rem;padding:.3125rem .75rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:95%;color:#fff;background:#ff5a5a;border-radius:.125rem;}.product-status.sale{background:#14cb9b;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__images{grid-column:1;grid-row:2;}@media screen and(min-width:65.625em){.product__images{grid-column:1;grid-row:2;}}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__info{grid-column:1;grid-row:3;}@media screen and(min-width:65.625em){.product__info{grid-column:2;grid-row:2;}}}@media screen and (min-width:65.625em){.product__info{padding-left:2rem;}}.product__slides{overflow:hidden;margin:0 -2rem;padding:0;list-style:none;min-height:50vh;max-height:100vh;}@media screen and (min-width:31.25em){.product__slides{margin:0;}}.product__slide{display:none;padding:0;}@media screen and (min-width:43.75em){.product__slide{padding:0 2rem;}}@media screen and (min-width:56.25em){.product__slide{padding:0 6rem;}}@media screen and (min-width:65.625em){.product__slide{padding:0;}}@media screen and (min-width:87.5em){.product__slide{padding:0 4rem;}}.product__slide.active{display:block;}.product--image{width:100%;}.product__thumbnails{display:block;margin:2rem 0 0 0;padding:0;list-style:none;text-align:center;}.product__thumbnail{display:inline-block;padding:.125rem;width:5rem;box-shadow:0 0 0 .0625rem #fff;}.product__thumbnail--link{position:relative;display:block;}.product__thumbnail--link:before{content:"";position:absolute;top:-1rem;right:-1.5rem;left:-1.5rem;width:calc(100% + 3rem);height:.0625rem;background:#cbd4dc;}.product__thumbnail--link:hover{box-shadow:0 0 0 .0625rem #bcc7d2;}.product__thumbnail--link.active:after{content:"";position:absolute;top:-.9375rem;left:calc(50% - 1.25rem);width:2.5rem;height:.1875rem;background:#ff5a5a;border-radius:0 0 1rem 1rem;}@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{margin-bottom:3rem;font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:125%;color:#303030;}.product--description p:last-of-type{font-size:.875rem;}.product--description p:only-child{font-size:1.25rem;}.product--content{height:6rem;}.product__select{margin-bottom:2rem;}.product__inventory{padding:2rem 0;}.product--info{color:#303030;}.product__select-label{position:relative;display:block;margin-bottom:.5rem;padding-bottom:.5rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:700;text-transform:uppercase;}.product__select-label:before{content:"";position:absolute;z-index:-1;right:0;bottom:0;left:0;height:.0625rem;background:linear-gradient(30deg,#ff57e7 0%,#5aadff 33%,#57eec7 66%,#dbfc35 100%);}.product__form select{display:none;visibility:hidden;padding:.5rem;width:100%;font-size:1.125rem;color:#303030;border:.0625rem solid #303030;border-radius:.25rem;}.product__form svg{display:none;}.product__purchase{display:flex;flex-direction:column;justify-content:center;align-items:center;}@media screen and (min-width:38.75em){.product__purchase{flex-direction:row;justify-content:unset;}}.product__purchase .button{flex-basis:100%;width:100%;}@media screen and (min-width:38.75em){.product__purchase .button{width:auto;}}.product--price{padding-right:2rem;width:19rem;font-family:"Roboto",sans-serif;font-size:2.5rem;font-weight:800;line-height:1.25em;letter-spacing:-.0625rem;color:#4a4a4a;text-align:center;}@media screen and (min-width:38.75em){.product--price{text-align:left;}}.currency_sign{display:inline-block;vertical-align:top;padding-right:.125rem;font-size:1.5rem;}.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:3rem 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:linear-gradient(30deg,#435465 0%,#1d242b 33%,#29333d 66%,#3d4d5c 100%);background-size:cover;}.similar__products--wrapper:after{content:"";position:absolute;z-index:-1;top:0;right:-20vw;left:-20vw;opacity:.2;height:100%;min-height:20rem;background:transparent;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/FTR-Icons-Web-Pattern.svg");background-size:18%;background-position:-4rem -3rem;}.similar__products--wrapper .product-list-item{overflow:hidden;width:100%;text-decoration:none;border-radius:.25rem;box-shadow:0 0 0 .125rem #fff;}@media screen and (min-width:43.75em){.similar__products--wrapper .product-list-item{width:12rem;}}.similar__products--wrapper .product-list-item figure{position:relative;margin:0 0 -.25rem 0;height:100%;}.similar__products--wrapper .product-list-item img{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;}@media screen and (min-width:43.75em){.similar__products--wrapper .product-list-item img{width:105%;height:auto;}}.similar__products--wrapper .product-list-item-container{overflow:hidden;height:12rem;}.similar__products--wrapper .product-list-image-container{background:#fff;}.similar__products--wrapper .product-list-item-info{padding:1rem;background:#fff;}.similar__products--wrapper .product-list-item-info-headers{height:3.5rem;color:#303030;}.similar__products--wrapper .product-list-item-status{font-size:.75rem;color:#ff5a5a;}.similar__products--wrapper .product-list-item-name{font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;color:#303030;}.similar__products--wrapper .product-list-item-price{display:none;visibility:hidden;}.similar__products--content{width:80vw;max-width:100rem;}.similar__products--title{margin:0 0 1em 0;font-family:"Raleway",sans-serif;font-size:2rem;font-weight:900;line-height:1em;text-transform:uppercase;color:#fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.similar__product--list{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto;grid-gap:1rem;}@media screen and(min-width:43.75em){.similar__product--list{grid-template-columns:12rem 12rem 12rem 12rem auto;}}}.cart__page{position:relative;padding-bottom:3rem;min-height:50vh;}@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;}@media screen and(min-width:62.5em){.cart__page{grid-template-columns:50%;}}}.cart__page:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.cart__header{position:relative;padding:2rem 0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__header{grid-column:1;grid-row:1;}@media screen and(min-width:62.5em){.cart__header{grid-column:1 / span 2;}}}.cart__title{margin:0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.cart__content{margin-bottom:3rem;padding:2rem;min-height:40vh;background:#fff;border-radius:.5rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.3);}.cart__content .content__sub-title{display:block;margin-top:0;font-size:2rem;font-weight:900;line-height:.875em;color:#f06d00;}.cart--empty-message{font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:125%;color:#303030;}.cart__items{margin:0;padding:0;list-style:none;}.cart__item{margin-top:.3125rem;margin-bottom:.3125rem;padding:1rem;border-radius:.25rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.15);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__item{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:1rem;}@media screen and(min-width:40.625em){.cart__item{grid-template-columns:8rem auto;}}}.cart__item--image{width:8rem;}@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:1;grid-row:2;}@media screen and(min-width:40.625em){.cart__item--details{grid-column:2;grid-row:1;}}}.cart__item--details-name{font-family:"Raleway",sans-serif;font-size:1.25rem;font-weight:900;color:#303030;}.cart__item--details-option{margin-bottom:1rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:700;color:#303030;}.cart__item--details-price{font-family:"Roboto",sans-serif;font-size:1.5rem;line-height:.875em;color:#303030;}.cart__item--details-price .currency_sign{font-size:1rem;}.cart__item--adjustments{padding-top:.5rem;}.cart__item--adjustments .button{margin-top:.25rem;}.cart__item--quantity-holder{display:inline-block;vertical-align:top;margin-right:1rem;width:4rem;}.cart__item--quantity-holder input{vertical-align:top;padding:.5rem;width:100%;font-family:"Roboto",sans-serif;font-size:1.25rem;color:#000;border:.0625rem solid #bcc7d2;border-radius:.25rem;}.cart__totals{margin-bottom:2rem;}.cart__summary,.cart__subtotal,.cart__total{display:flex;justify-content:space-between;margin-bottom:.25rem;padding:1rem;font-family:"Raleway",sans-serif;font-size:1.25rem;font-weight:900;color:#4a4a4a;box-shadow:0 .0625rem 0 rgba(0,0,0,.1);}.cart__items--count,.cart__subtotal--amount,.cart__total--amount{font-family:"Roboto",sans-serif;font-size:1.25rem;color:#303030;}.cart__items--count .currency_sign,.cart__subtotal--amount .currency_sign,.cart__total--amount .currency_sign{font-size:inherit;}.cart__footer{margin-top:.125rem;padding:0;background:#fff;}.cart__keep--shopping{margin-top:2rem;padding-top:2rem;box-shadow:0 -.0625rem 0 #dae1e7;}.cart__keep--shopping p{margin-top:0;padding-left:1rem;font-family:"Raleway",sans-serif;font-size:1.125rem;color:#303030;}.form--field{margin-bottom:1rem;}.form--label{display:block;margin-bottom:.25rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:500;color:#303030;text-transform:uppercase;}.form--input input{vertical-align:top;padding:.5rem;width:100%;font-family:"Roboto",sans-serif;font-size:1.25rem;color:#000;border:.0625rem solid #bcc7d2;border-radius:.25rem;}.form--input.captcha input{width:calc(100% - 9.375rem);}.form--input.captcha img{display:block;width:9.375rem;height:4.6875rem;}.form--textarea textarea{padding:.5rem;width:100%;height:15rem;font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:1.25em;color:#000;border:.0625rem solid #bcc7d2;border-radius:.25rem;}.custom-page{position:relative;padding-top:0;padding-bottom:3rem;}.custom-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;}.custom-page-header{position:relative;margin:0 0 3rem 0;padding-top:2rem;padding-bottom:2rem;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.custom-page-header:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:#303030;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"),linear-gradient(30deg,#ff57e7 0%,#5aadff 33%,#57eec7 66%,#dbfc35 100%);background-size:cover;box-shadow:0 .0625rem 0 #dae1e7;}.custom-page-content{min-height:50vh;font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:125%;color:#303030;}@media screen and (min-width:56.25em){.custom-page-content{padding-right:20%;}}@media screen and (min-width:68.75em){.custom-page-content{padding-right:40%;}}.custom-page h2,.custom-page h3,.custom-page h4,.custom-page h5{margin:1em 0 .5em 0;font-family:"Raleway",sans-serif;font-weight:900;line-height:1em;text-transform:uppercase;}.custom-page h2{font-size:2.25rem;color:#bd00a2;}.custom-page h3{font-size:2.125rem;color:#0061c0;}.custom-page h4{font-size:2rem;color:#f000ce;}.custom-page h5{font-size:1.75rem;color:#007af3;}.custom-page p,.custom-page ul,.custom-page li{font-size:1.4125rem;line-height:125%;}.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{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:46.875em){.footer__content{grid-template-columns:40% 30% 30%;}}}@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;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.footer__navigation{grid-column:1;grid-row:1;}}.footer__navigation--list-item{display:block;list-style:none;}.footer__navigation--list-item:first-of-type{margin-bottom:.5rem;border-bottom:.0625rem solid #fff;}.footer__navigation--list-item:first-of-type .footer__navigation--link,.footer__navigation--list-item:first-of-type a{box-shadow:none;}.footer__navigation--list-item:first-of-type .footer__navigation--link:hover,.footer__navigation--list-item:first-of-type a:hover{box-shadow:none;}.footer__navigation--list-item:first-of-type .footer__navigation--link:hover:before,.footer__navigation--list-item:first-of-type a:hover:before{display:none;}.footer__navigation--list-item:first-of-type .footer__navigation--link:before,.footer__navigation--list-item:first-of-type a:before{content:"";display:none;}.footer__navigation--link,.footer__navigation a{transition:box-shadow .3s ease;position:relative;display:inline-block;margin-bottom:.5rem;padding:.25rem 0;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;text-decoration:none;color:#fff;box-shadow:0 .0625rem 0 transparent;}.footer__navigation--link:before,.footer__navigation a:before{content:"";transition:all .2s ease;position:absolute;right:100%;bottom:0;left:0;height:.125rem;background:#5aadff;}.footer__navigation--link:hover,.footer__navigation a:hover{color:#57eec7;box-shadow:0 .0625rem 0 #5aadff;}.footer__navigation--link:hover:before,.footer__navigation a:hover:before{right:0;background:#ff57e7;}.footer__navigation--list-item:first-of-type .footer__navigation--link,.footer__navigation--list-item:first-of-type .footer__navigation a{margin-left:0;}.footer__navigation--list-item:last-of-type .footer__navigation--link,.footer__navigation--list-item:last-of-type .footer__navigation a{margin-right:0;}.footer__navigation--link.brand,.footer__navigation a.brand{width:10rem;height:2.25rem;}.footer__navigation--link .footer__navigation--total,.footer__navigation a .footer__navigation--total{vertical-align:top;font-family:"Roboto",sans-serif;font-size:inherit;font-weight:700;line-height:1.1875rem;color:rgba(255,255,255,.5);}.social--links{margin:2.75rem 0 0 0;padding-top:.5rem;padding-left:0;border-top:.0625rem solid #fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.social--links{grid-column:1;grid-row:2;}@media screen and(min-width:46.875em){.social--links{grid-column:2;grid-row:1;}}}.social--link{display:block;margin-bottom:.5rem;padding:.25rem 0;text-decoration:none;}.social--link svg{fill:white;}.social--link span{display:inline-block;vertical-align:top;padding-left:.5rem;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;line-height:1em;text-transform:uppercase;color:#dbfc35;}.footer__credit{position:relative;padding:.25rem 0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.footer__credit{grid-column:1;grid-row:3;}@media screen and(min-width:46.875em){.footer__credit{grid-column:1;grid-row:2;}}}.credit__badge a{font-family:"Raleway",sans-serif;font-size:.625rem;font-weight:900;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.3);}
\ 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;}.footer__navigation--link .ftr__logo--the{fill:#fff;}.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:1.5rem;padding-bottom:1.5rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.header__title{grid-column:1;grid-row:1;}@media screen and(min-width:46.875em){.header__title{grid-column:1 / span 2;}}@media screen and(min-width:62.5em){.header__title{grid-column:2;grid-row:1;}}}@media screen and (min-width:62.5em){.header__title{padding-top:3rem;padding-bottom:3rem;}}.header__link{width:calc(100% - 2rem);}@media screen and (min-width:38.75em){.header__link{width:20rem;}}@media screen and (min-width:62.5em){.header__link{width:100%;}}@media screen and (min-width:87.5em){.header__link{width:24rem;}}.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:calc(100vw - 4rem);}@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;}}@media screen and (min-width:68.75em){.project{width:calc(100vw - 8rem);}}@media screen and (min-width:68.75em){.project{width:80vw;max-width:100rem;}}button{margin:0;padding:0;cursor:pointer;background:transparent;border:none;outline:0;}.button{transition:background .2s ease;display:inline-block;vertical-align:top;padding:.5rem 1rem;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;line-height:1em;color:#fff;text-shadow:0 0 .25rem rgba(0,0,0,.4);text-transform:uppercase;text-decoration:none;border:none;border-radius:10rem;}.button.large{padding:1.25rem 2rem;font-size:1.5rem;font-weight:900;}.button.negative{background:#ff2727;}.button.negative:hover{background:#f30000;}.button.positive{background:#29e9b8;}.button.positive:hover{background:#14cb9b;}.button.flat{color:#636363;text-shadow:none;background:transparent;box-shadow:0 0 0 .0625rem #636363;}.button.flat.negative{color:#ff2727;box-shadow:0 0 0 .0625rem #ff2727;}.button.flat.negative:hover{color:#fff;background:#f30000;box-shadow:0 0 0 .0625rem #f30000;}.button.flat.positive{color:#14cb9b;box-shadow:0 0 0 .0625rem #29e9b8;}.button.flat.positive:hover{color:#fff;background:#14cb9b;box-shadow:0 0 0 .0625rem #14cb9b;}.button.choose--product{margin:.3125rem;padding:.5rem;width:calc(50% - .625rem);height:6rem;font-weight:900;color:#303030;text-shadow:none;border-radius:.25rem;box-shadow:0 0 0 .0625rem #bcc7d2;}@media screen and (min-width:43.75em){.button.choose--product{width:calc(25% - .625rem);}}@media screen and (min-width:65.625em){.button.choose--product{width:calc(33.333% - .625rem);}}.button.choose--product:hover{background:#fff;box-shadow:0 0 0 .0625rem #7f94a9;}.button.choose--product.selected{background:#fff;box-shadow:0 0 0 .125rem #7f94a9;}.product__size--label{transition:box-shadow .2s ease;display:block;margin:0 auto .5rem auto;padding:.75rem 0;width:2.5rem;height:2.5rem;font-size:1rem;line-height:1.125em;text-align:center;color:#fff;background:#000;border-radius:2rem;box-shadow:0 0 0 0 black;}.button.choose--product:hover .product__size--label{box-shadow:0 0 0 .25rem black;}.product__size--label.black{background:#000;}.button.choose--product:hover .product__size--label.black,.button.choose--product.selected .product__size--label.black{box-shadow:0 0 0 .25rem black;}.product__size--label.charcoal{background:#424443;box-shadow:0 0 0 0 #424443;}.button.choose--product:hover .product__size--label.charcoal,.button.choose--product.selected .product__size--label.charcoal{box-shadow:0 0 0 .25rem #424443;}.product__size--label.denim{background:#404c57;box-shadow:0 0 0 0 #404c57;}.button.choose--product:hover .product__size--label.denim,.button.choose--product.selected .product__size--label.denim{box-shadow:0 0 0 .25rem #404c57;}.product__size--label.envy{background:#60c17e;box-shadow:0 0 0 0 #60c17e;}.button.choose--product:hover .product__size--label.envy,.button.choose--product.selected .product__size--label.envy{box-shadow:0 0 0 .25rem #60c17e;}.product__size--label.indigo{background:#576873;box-shadow:0 0 0 0 #576873;}.button.choose--product:hover .product__size--label.indigo,.button.choose--product.selected .product__size--label.indigo{box-shadow:0 0 0 .25rem #576873;}.product__size--label.white{color:#303030;background:#fff;box-shadow:0 0 0 .0625rem #303030;}.button.choose--product:hover .product__size--label.white,.button.choose--product.selected .product__size--label.white{box-shadow:0 0 0 .25rem #303030;}.product__size--label.boston{color:#154db9;background:#f4dd00;box-shadow:0 0 0 0 #f4dd00;}.button.choose--product:hover .product__size--label.boston,.button.choose--product.selected .product__size--label.boston{box-shadow:0 0 0 .25rem #f4dd00;}.product__size--label.chicago{color:#fc3919;background:#fff;box-shadow:0 0 0 .0625rem #064ed8;}.button.choose--product:hover .product__size--label.chicago,.button.choose--product.selected .product__size--label.chicago{box-shadow:0 0 0 .25rem #064ed8;}.product__size--label.original{color:#303030;background:#fff;box-shadow:0 0 0 .0625rem #303030;}.button.choose--product:hover .product__size--label.original,.button.choose--product.selected .product__size--label.original{box-shadow:0 0 0 .25rem #303030;}.product__size--label.york{color:#feb204;background:#2843b9;box-shadow:0 0 0 0 #2843b9;}.button.choose--product:hover .product__size--label.york,.button.choose--product.selected .product__size--label.york{box-shadow:0 0 0 .25rem #2843b9;}.product__color--label{display:inline-block;height:1rem;font-size:.75rem;font-weight:900;text-align:center;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.feature__list,.products__list{display:grid;grid-template-columns:1;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:46.875em){.feature__list,.products__list{grid-template-columns:repeat(2,1fr);}}@media screen and(min-width:68.75em){.feature__list,.products__list{grid-template-columns:repeat(4,1fr);}}}.feature__item,.products__item{position:relative;padding-right:.0625rem;padding-left:.0625rem;height:30rem;text-decoration:none;background:#fff;box-shadow:inset .0625rem -.0625rem 0 rgba(48,48,48,.1);}@media screen and (min-width:31.25em){.feature__item,.products__item{height:35rem;}}@media screen and (min-width:40.625em){.feature__item,.products__item{height:37rem;}}@media screen and (min-width:46.875em){.feature__item,.products__item{height:27rem;}}.feature__item:hover,.products__item:hover{box-shadow:inset .0625rem -.0625rem 0 rgba(48,48,48,.1),inset 0 -.25rem 0 0 #ffa357;}.feature__item:hover img,.products__item:hover img{transform:scale(.9) translate(-50%,-50%);}.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),.feature__item:nth-child(4n+1),.products__item:nth-child(1),.products__item:nth-child(4n+1){box-shadow:inset 0 -.0625rem 0 rgba(48,48,48,.1);}.feature__item:nth-child(1):hover,.feature__item:nth-child(4n+1):hover,.products__item:nth-child(1):hover,.products__item:nth-child(4n+1):hover{box-shadow:inset 0 -.0625rem 0 rgba(48,48,48,.1),inset 0 -.25rem 0 0 #ffa357;}.feature__item:nth-child(4n):after,.products__item:nth-child(4n):after{display:none;}.feature__item--image,.products__item--image{position:relative;margin:0;overflow:hidden;width:100%;height:23rem;}@media screen and (min-width:31.25em){.feature__item--image,.products__item--image{height:28rem;}}@media screen and (min-width:40.625em){.feature__item--image,.products__item--image{height:30rem;}}@media screen and (min-width:46.875em){.feature__item--image,.products__item--image{height:20rem;}}.feature__item--image img,.products__item--image img{transition:all .5s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:top left;width:100%;}@media screen and (min-width:40.625em){.feature__item--image img,.products__item--image img{width:auto;height:100%;}}.feature__item--info,.products__item--info{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:7rem;text-align:center;}.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--status.sale,.products__item--status.sale{background:#14cb9b;}.feature__item--status.pre-order,.products__item--status.pre-order{background:#bd00a2;}.feature__item--name,.products__item--name{margin:0;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;color:#303030;}.feature__item--price,.products__item--price{margin:.25rem 0 0 0;font-family:"Roboto",sans-serif;font-size:1rem;font-weight:500;color:#4a4a4a;}.feature__item--price .currency_sign,.products__item--price .currency_sign{font-size:1rem;letter-spacing:0;}.feature__highlight{position:relative;display:flex;align-items:center;overflow:hidden;margin:0 -4rem;width:calc(100% + 8rem);height:50vh;background:#303030;}@media screen and (min-width:40.625em){.feature__highlight{margin:0 -20vw;width:calc(100% + 40vw);height:40rem;}}.feature__highlight:before{content:"";position:absolute;z-index:1;top:0;right:-20vw;bottom:0;left:-20vw;background:rgba(0,0,0,.3);}.feature__highlight img{position:absolute;z-index:0;top:0;right:0;left:0;height:120%;}@media screen and (min-width:46.875em){.feature__highlight img{width:100%;height:auto;}}@media screen and (min-width:56.25em){.feature__highlight img{top:50%;transform:translateY(-40%);}}.feature__welcome{position:relative;z-index:1;margin:0 4rem;font-family:"Raleway",sans-serif;font-size:2.75rem;line-height:.9375em;font-weight:900;text-transform:uppercase;color:#fff;}@media screen and (min-width:40.625em){.feature__welcome{margin:0 20vw;font-size:5rem;}}.feature__welcome strong{font-weight:900;color:#dbfc35;}.feature__title{margin:0 0 2rem 0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.feature__list--wrapper{position:relative;z-index:0;padding-top:2rem;padding-bottom:3rem;height:auto;background:#fff;}.feature__list--wrapper:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:7rem;left:-20vw;background:#303030;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.feature__list--wrapper:after{content:"";position:absolute;z-index:-2;top:0;right:-20vw;bottom:0;left:-20vw;background:#f9fafb;}.products__page{position:relative;padding-bottom:3rem;}@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__header{position:relative;padding:2rem 0;}.products__header:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:-3rem;left:-20vw;background:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.products__title{margin:0 0 1rem 0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.products__category--nav{padding:0;}.products__categories--title{display:inline-block;margin-right:.5rem;}.products__categories--list{display:inline-block;margin: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 .75rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:700;text-transform:uppercase;text-decoration:none;color:#303030;background:#fff;border-radius:10rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.2);}@media screen and (min-width:38.75em){.products__categories--list li a{padding:.5rem 1rem;}}.products__categories--list li a:hover{color:#ff2727;box-shadow:0 0 0 .0625rem #f30000;}.products__categories--list li.selected a{color:#fff;cursor:default;background:#ff5a5a;box-shadow:0 0 0 .0625rem #f30000;}.products__list--wrapper{position:relative;z-index:0;padding-top:3rem;padding-bottom:3rem;height:auto;background:#fff;}.products__item:after{content:"";position:absolute;top:0;right:0;bottom:0;width:.0625rem;height:100%;background:#f9fafb;}.navigation__list,.cart__list{margin:0;padding:0;width:100%;}.navigation{padding-bottom:1rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:62.5em){.navigation{grid-template-columns:32% auto 32%;}}@media screen and(min-width:87.5em){.navigation{grid-template-columns:25% auto 25%;}}}@media screen and (min-width:46.875em){.navigation{padding-bottom:1.5rem;}}@media screen and (min-width:62.5em){.navigation{padding-bottom:0;}}.navigation__left{display:flex;align-items:center;margin-bottom:.5rem;text-align:center;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation__left{grid-column:1;grid-row:2;}@media screen and(min-width:62.5em){.navigation__left{grid-column:1;grid-row:1;}}}@media screen and (min-width:46.875em){.navigation__left{margin-bottom:0;text-align:left;}}.navigation__right{display:flex;align-items:center;text-align:center;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.navigation__right{grid-column:1;grid-row:3;}@media screen and(min-width:46.875em){.navigation__right{grid-column:2;grid-row:2;}}@media screen and(min-width:62.5em){.navigation__right{grid-column:3;grid-row:1;}}}@media screen and (min-width:46.875em){.navigation__right{text-align:right;}}.navigation__list-item{display:inline-block;list-style:none;}.navigation__link,.navigation__list-item a{transition:box-shadow .3s ease;position:relative;display:inline-block;margin-right:.5rem;margin-left:.5rem;padding:.5rem 0;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;text-decoration:none;color:#303030;box-shadow:0 .125rem 0 transparent;}.navigation__link:before,.navigation__list-item a:before{content:"";transition:all .2s ease;position:absolute;right:100%;bottom:0;left:0;height:.125rem;background:#5aadff;}.navigation__link:hover,.navigation__list-item a:hover{color:#14cb9b;box-shadow:0 .125rem 0 #ff57e7;}.navigation__link:hover:before,.navigation__list-item a:hover:before{right:0;background:#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;}.navigation__link .navigation__cart--total,.navigation__list-item a .navigation__cart--total{vertical-align:top;font-family:"Roboto",sans-serif;font-size:inherit;font-weight:700;line-height:1.1875rem;color:#636363;}.navigation__list-item.selected a{color:#007af3;box-shadow:0 .0625rem 0 #5aadff;}.callouts{position:relative;padding-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:100%;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:46.875em){.callouts{grid-template-columns:50%;}}@media screen and(min-width:62.5em){.callouts{grid-template-columns:repeat(3,1fr);}}}.callouts:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:#f9fafb;}.callout__about,.callout__social{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:16rem;}@media screen and (min-width:46.875em){.callout__about,.callout__social{height:16rem;}}@media screen and (min-width:62.5em){.callout__about,.callout__social{flex-direction:row;height:12rem;}}.callout__about{position:relative;z-index:0;overflow:hidden;background:#5aadff;box-shadow:inset 0 -.0625rem 0 #fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callout__about{grid-column:1;grid-row:1;}@media screen and(min-width:62.5em){.callout__about{grid-column:1 / span 2;grid-row:1;}}}@media screen and (min-width:46.875em){.callout__about{box-shadow:inset -.0625rem 0 0 #fff;}}.callout__about:before{content:"";position:absolute;z-index:1;top:-50%;left:-50%;transform:rotate(13deg);opacity:.5;width:200%;height:300%;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/ftr-heart-angle.svg");background-size:2%;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-align:center;text-transform:uppercase;text-shadow:0 0 1rem rgba(0,0,0,.3);}@media screen and (min-width:46.875em){.callout__about--text{text-align:left;}}.callout__about--text strong{font-weight:900;}.callout__about .button{position:relative;z-index:1;margin-bottom:2rem;background:#2794ff;box-shadow:0 0 0 .0625rem rgba(255,255,255,.2);}@media screen and (min-width:62.5em){.callout__about .button{margin-right:4rem;margin-bottom:0;}}.callout__about .button:hover{background:#0061c0;}.callout__social{position:relative;justify-content:center;text-decoration:none;background:linear-gradient(135deg,#85f3d6 0%,#109c78 100%);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.callout__social{grid-column:1;grid-row:2;}@media screen and(min-width:46.875em){.callout__social{grid-column:2;grid-row:1;}}@media screen and(min-width:62.5em){.callout__social{grid-column:3;grid-row:1;}}}.callout__social:before{content:"";transition:opacity .5s ease;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;background:linear-gradient(135deg,#5ceec9 0%,#0b6e54 100%);}.callout__social:hover:before{opacity:1;}.callout__social .ig__brand{position:relative;z-index:1;display:inline-block;width:100%;text-align:center;text-decoration:none;}.callout__social .ig__brand--logo{display:block;margin-bottom:.5rem;width:100%;}.callout__social .ig__brand--logo svg{transform:scale(1.2);}.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:500;color:#fff;}.callout__social .ig__brand--name{position:relative;display:block;margin-bottom:1rem;font-size:2rem;font-weight:900;text-transform:uppercase;}.callout__social .ig__brand--name:after{content:"";position:absolute;bottom:-.5rem;left:calc(50% - 1rem);width:2rem;height:.1875rem;background:#0b6e54;}.content__page{font-family:"Roboto",sans-serif;color:#303030;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__page{display:grid;grid-template-columns:60% 40%;grid-template-rows:auto;grid-gap:0;}}.content__page.contact{position:relative;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__page.contact{grid-template-columns:auto;}}@media screen and (min-width:62.5em){.content__page.contact{grid-template-columns:40% 60%;}}.content__page.contact:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"),linear-gradient(30deg,#ff57e7 0%,#5aadff 33%,#57eec7 66%,#dbfc35 100%);background-size:cover;}.content__header{position:relative;margin-bottom:3rem;padding:2rem 0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__header{grid-column:1 / span 2;grid-row:1;}}.content__header:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:linear-gradient(30deg,#ff57e7 0%,#5aadff 33%,#57eec7 66%,#dbfc35 100%);}.content__header:after{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:transparent;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg");background-size:cover;}.content__page.contact .content__header{margin-bottom:0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__page.contact .content__header{grid-column:1;grid-row:1;}}@media screen and (min-width:62.5em){@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.content__page.contact .content__header{grid-column:1 / span 2;}}}.content__page.contact .content__header:before,.content__page.contact .content__header:after{display:none;}.content__title{margin:0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.content__sub-title{margin:0 0 1em 0;font-family:"Raleway",sans-serif;font-size:2rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.content h2,.content h3,.content h4,.content h5{margin:1em 0 .5em 0;font-family:"Raleway",sans-serif;font-weight:900;text-transform:uppercase;}.content h2{font-size:2.25rem;color:#bd00a2;}.content h3{font-size:2.125rem;color:#0061c0;}.content h4{font-size:2rem;color:#f000ce;}.content h5{font-size:1.75rem;color:#007af3;}.content p,.content ul,.content li{font-size:1.4125rem;line-height:125%;}.content__submission--message{font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:125%;}.content__submission--message .content__sub-title{color:#007af3;}.content__submission--message>p{font-size:inherit;line-height:inherit;}.content__form--wrapper,.content__submission--message{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:.5rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.3);}.content__additional--contact p,.content__phone--contact p{font-size:1.4125rem;line-height:125%;}.content__additional--contact{margin-bottom:3rem;padding:2rem;height:25rem;background:#fff;border-radius:.5rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.3);}@media screen and (min-width:62.5em){.content__additional--contact{margin-left:3rem;}}.content__additional--contact h2,.content__additional--contact h3,.content__additional--contact h4{margin-bottom:.5em;color:#5aadff;}.content__phone--contact{margin-top:2rem;padding-top:2rem;border-top:.0625rem solid #9daebe;}.content__charity-breakdown{margin:2rem 0;padding:0;list-style:none;}.product__page{position:relative;padding-top:0;padding-bottom:3rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:65.625em){.product__page{grid-template-columns:50% 50%;}}@media screen and(min-width:87.5em){.product__page{grid-template-columns:60% 40%;}}}@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;}.product__page--headings{position:relative;margin-bottom:3rem;padding-top:2rem;padding-bottom:2rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__page--headings{grid-column:1;grid-row:1;}@media screen and(min-width:65.625em){.product__page--headings{grid-column:1 / span 2;grid-row:1;}}}.product__page--headings:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:#303030;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;box-shadow:0 .0625rem 0 #dae1e7;}.product--title{margin:0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.product-status{display:inline-block;margin-top:.5rem;padding:.3125rem .75rem;font-family:"Raleway",sans-serif;font-weight:700;font-size:95%;color:#fff;background:#ff5a5a;border-radius:.125rem;}.product-status.sale{background:#14cb9b;}.product-status.pre-order{background:#bd00a2;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__images{grid-column:1;grid-row:2;}@media screen and(min-width:65.625em){.product__images{grid-column:1;grid-row:2;}}}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.product__info{grid-column:1;grid-row:3;}@media screen and(min-width:65.625em){.product__info{grid-column:2;grid-row:2;}}}@media screen and (min-width:65.625em){.product__info{padding-left:2rem;}}.product__slides{overflow:hidden;margin:0 -2rem;padding:0;list-style:none;min-height:50vh;max-height:100vh;}@media screen and (min-width:31.25em){.product__slides{margin:0;}}.product__slide{display:none;padding:0;}@media screen and (min-width:43.75em){.product__slide{padding:0 2rem;}}@media screen and (min-width:56.25em){.product__slide{padding:0 6rem;}}@media screen and (min-width:65.625em){.product__slide{padding:0;}}@media screen and (min-width:87.5em){.product__slide{padding:0 4rem;}}.product__slide.active{display:block;}.product--image{width:100%;}.product__thumbnails{display:block;margin:2rem 0 0 0;padding:0;list-style:none;text-align:center;}.product__thumbnail{display:inline-block;padding:.125rem;width:3.75rem;box-shadow:0 0 0 .0625rem #fff;}@media screen and (min-width:46.875em){.product__thumbnail{width:5rem;}}.product__thumbnail--link{position:relative;display:block;}.product__thumbnail--link:before{content:"";position:absolute;top:-1rem;right:-1.5rem;left:-1.5rem;width:calc(100% + 3rem);height:.0625rem;background:#cbd4dc;}.product__thumbnail--link:hover{box-shadow:0 0 0 .0625rem #bcc7d2;}.product__thumbnail--link.active:after{content:"";position:absolute;top:-.9375rem;left:calc(50% - 1.25rem);width:2.5rem;height:.1875rem;background:#ff5a5a;border-radius:0 0 1rem 1rem;}.product__thumbnail--link img{display:block;}@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{margin-bottom:3rem;font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:125%;color:#303030;}.product--description p:first-of-type{margin-top:0;font-size:1.25rem;}.product--description p:last-of-type{font-size:.875rem;}.product--description p:only-child{font-size:1.25rem;}.product--description__title{position:relative;margin-bottom:.5rem;padding-bottom:.5rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:700;text-transform:uppercase;}.product--description__title:before{content:"";position:absolute;z-index:-1;right:0;bottom:0;left:0;height:.0625rem;background:linear-gradient(30deg,#ffa357 0%,#ff5a5a 33%,#ff57e7 66%,#5aadff 100%);}.product--content{height:6rem;}.product__select{margin-bottom:2rem;}.product__inventory{padding:2rem 0;}.product--info{color:#303030;}.product__select-label{position:relative;display:block;margin-bottom:.5rem;padding-bottom:.5rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:700;text-transform:uppercase;}.product__select-label:before{content:"";position:absolute;z-index:-1;right:0;bottom:0;left:0;height:.0625rem;background:linear-gradient(30deg,#ff57e7 0%,#5aadff 33%,#57eec7 66%,#dbfc35 100%);}.product__form select{display:none;visibility:hidden;padding:.5rem;width:100%;font-size:1.125rem;color:#303030;border:.0625rem solid #303030;border-radius:.25rem;}.product__form svg{display:none;}.product__purchase{display:flex;flex-direction:column;justify-content:center;align-items:center;}@media screen and (min-width:38.75em){.product__purchase{flex-direction:row;justify-content:unset;}}.product__purchase .button{flex-basis:100%;width:100%;}@media screen and (min-width:38.75em){.product__purchase .button{width:auto;}}.product--price{padding-right:2rem;width:19rem;font-family:"Roboto",sans-serif;font-size:2.5rem;font-weight:800;line-height:1.25em;letter-spacing:-.0625rem;color:#4a4a4a;text-align:center;}@media screen and (min-width:38.75em){.product--price{text-align:left;}}.currency_sign{display:inline-block;vertical-align:top;padding-right:.125rem;font-size:1.5rem;}.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;}.pre-order--title{margin:0;font-family:"Raleway",sans-serif;font-size:2rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#f000ce;}.pre-order--title-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:700;line-height:.875em;color:#a4008c;}.pre-order--info{margin-top:1rem;margin-bottom:2.5rem;padding:1rem;font-family:"Roboto",sans-serif;font-size:1rem;font-weight:400;text-transform:uppercase;color:#303030;background:rgba(219,252,53,.3);box-shadow:0 0 0 .0625rem rgba(219,252,53,.5);border-radius:.25rem;}.pre-order--info strong{padding-right:.125rem;}.pre-order--info__details{margin-bottom:0;font-size:.75rem;text-transform:none;}.similar__products--wrapper{position:relative;padding:3rem 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:linear-gradient(30deg,#435465 0%,#1d242b 33%,#29333d 66%,#3d4d5c 100%);background-size:cover;}.similar__products--wrapper:after{content:"";position:absolute;z-index:-1;top:0;right:-20vw;left:-20vw;opacity:.2;height:100%;min-height:20rem;background:transparent;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/FTR-Icons-Web-Pattern.svg");background-size:18%;background-position:-4rem -3rem;}.similar__products--wrapper .product-list-item{overflow:hidden;width:100%;text-decoration:none;border-radius:.25rem;box-shadow:0 0 0 .125rem #fff;}@media screen and (min-width:43.75em){.similar__products--wrapper .product-list-item{width:12rem;}}.similar__products--wrapper .product-list-item figure{position:relative;margin:0 0 -.25rem 0;height:100%;}.similar__products--wrapper .product-list-item img{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;}@media screen and (min-width:43.75em){.similar__products--wrapper .product-list-item img{width:105%;height:auto;}}.similar__products--wrapper .product-list-item-container{overflow:hidden;height:12rem;}.similar__products--wrapper .product-list-image-container{background:#fff;}.similar__products--wrapper .product-list-item-info{padding:1rem;background:#fff;}.similar__products--wrapper .product-list-item-info-headers{height:3.5rem;color:#303030;}.similar__products--wrapper .product-list-item-status{font-size:.75rem;color:#ff5a5a;}.similar__products--wrapper .product-list-item-name{font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;color:#303030;}.similar__products--wrapper .product-list-item-price{display:none;visibility:hidden;}.similar__products--content{width:80vw;max-width:100rem;}.similar__products--title{margin:0 0 1em 0;font-family:"Raleway",sans-serif;font-size:2rem;font-weight:900;line-height:1em;text-transform:uppercase;color:#fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.similar__product--list{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto;grid-gap:1rem;}@media screen and(min-width:43.75em){.similar__product--list{grid-template-columns:12rem 12rem 12rem 12rem auto;}}}.cart__page{position:relative;padding-bottom:3rem;min-height:50vh;}@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;}@media screen and(min-width:62.5em){.cart__page{grid-template-columns:50%;}}}.cart__page:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.3/assets/images/polygon-background.svg"),linear-gradient(30deg,#dbfc35 0%,#ffa357 33%,#ff5a5a 66%,#ff57e7 100%);background-size:cover;}.cart__header{position:relative;padding:2rem 0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__header{grid-column:1;grid-row:1;}@media screen and(min-width:62.5em){.cart__header{grid-column:1 / span 2;}}}.cart__title{margin:0;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.cart__content{margin-bottom:3rem;padding:2rem;min-height:40vh;background:#fff;border-radius:.5rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.3);}.cart__content .content__sub-title{display:block;margin-top:0;font-size:2rem;font-weight:900;line-height:.875em;color:#f06d00;}.cart--empty-message{font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:125%;color:#303030;}.cart__items{margin:0;padding:0;list-style:none;}.cart__item{margin-top:.3125rem;margin-bottom:.3125rem;padding:1rem;border-radius:.25rem;box-shadow:0 0 0 .0625rem rgba(0,0,0,.15);}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.cart__item{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:1rem;}@media screen and(min-width:40.625em){.cart__item{grid-template-columns:8rem auto;}}}.cart__item--image{width:8rem;}@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:1;grid-row:2;}@media screen and(min-width:40.625em){.cart__item--details{grid-column:2;grid-row:1;}}}.cart__item--details-name{font-family:"Raleway",sans-serif;font-size:1.25rem;font-weight:900;color:#303030;}.cart__item--details-option{margin-bottom:1rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:700;color:#303030;}.cart__item--details-price{font-family:"Roboto",sans-serif;font-size:1.5rem;line-height:.875em;color:#303030;}.cart__item--details-price .currency_sign{font-size:1rem;}.cart__item--adjustments{padding-top:.5rem;}.cart__item--adjustments .button{margin-top:.25rem;}.cart__item--quantity-holder{display:inline-block;vertical-align:top;margin-right:1rem;width:4rem;}.cart__item--quantity-holder input{vertical-align:top;padding:.5rem;width:100%;font-family:"Roboto",sans-serif;font-size:1.25rem;color:#000;border:.0625rem solid #bcc7d2;border-radius:.25rem;}.cart__totals{margin-bottom:2rem;}.cart__summary,.cart__subtotal,.cart__total{display:flex;justify-content:space-between;margin-bottom:.25rem;padding:1rem;font-family:"Raleway",sans-serif;font-size:1.25rem;font-weight:900;color:#4a4a4a;box-shadow:0 .0625rem 0 rgba(0,0,0,.1);}.cart__items--count,.cart__subtotal--amount,.cart__total--amount{font-family:"Roboto",sans-serif;font-size:1.25rem;color:#303030;}.cart__items--count .currency_sign,.cart__subtotal--amount .currency_sign,.cart__total--amount .currency_sign{font-size:inherit;}.cart__footer{margin-top:.125rem;padding:0;background:#fff;}.cart__keep--shopping{margin-top:2rem;padding-top:2rem;box-shadow:0 -.0625rem 0 #dae1e7;}.cart__keep--shopping p{margin-top:0;padding-left:1rem;font-family:"Raleway",sans-serif;font-size:1.125rem;color:#303030;}.form--field{margin-bottom:1rem;}.form--label{display:block;margin-bottom:.25rem;font-family:"Raleway",sans-serif;font-size:.875rem;font-weight:500;color:#303030;text-transform:uppercase;}.form--input input{vertical-align:top;padding:.5rem;width:100%;font-family:"Roboto",sans-serif;font-size:1.25rem;color:#000;border:.0625rem solid #bcc7d2;border-radius:.25rem;}.form--input.captcha input{width:calc(100% - 9.375rem);}.form--input.captcha img{display:block;width:9.375rem;height:4.6875rem;}.form--textarea textarea{padding:.5rem;width:100%;height:15rem;font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:1.25em;color:#000;border:.0625rem solid #bcc7d2;border-radius:.25rem;}.custom-page{position:relative;padding-top:0;padding-bottom:3rem;}.custom-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;}.custom-page-header{position:relative;margin:0 0 3rem 0;padding-top:2rem;padding-bottom:2rem;font-family:"Raleway",sans-serif;font-size:2.5rem;font-weight:900;line-height:.875em;text-transform:uppercase;color:#fff;}.custom-page-header:before{content:"";position:absolute;z-index:-1;top:0;right:-20vw;bottom:0;left:-20vw;background:#303030;background-image:url("https://cdn.jsdelivr.net/gh/sk5/sk5.github.io@v1.2/assets/images/polygon-background.svg"),linear-gradient(30deg,#ff57e7 0%,#5aadff 33%,#57eec7 66%,#dbfc35 100%);background-size:cover;box-shadow:0 .0625rem 0 #dae1e7;}.custom-page-content{min-height:50vh;font-family:"Roboto",sans-serif;font-size:1.25rem;line-height:125%;color:#303030;}@media screen and (min-width:56.25em){.custom-page-content{padding-right:20%;}}@media screen and (min-width:68.75em){.custom-page-content{padding-right:40%;}}.custom-page h2,.custom-page h3,.custom-page h4,.custom-page h5{margin:1em 0 .5em 0;font-family:"Raleway",sans-serif;font-weight:900;line-height:1em;text-transform:uppercase;}.custom-page h2{font-size:2.25rem;color:#bd00a2;}.custom-page h3{font-size:2.125rem;color:#0061c0;}.custom-page h4{font-size:2rem;color:#f000ce;}.custom-page h5{font-size:1.75rem;color:#007af3;}.custom-page p,.custom-page ul,.custom-page li{font-size:1.4125rem;line-height:125%;}.custom-page .mission__list{margin-right:0;margin-left:0;padding:0;list-style:none;}.custom-page .mission__hashtag{display:inline-block;padding:.75rem 1.5rem;font-family:"Raleway",sans-serif;font-size:1.25rem;font-weight:900;text-transform:uppercase;color:#fff;background:linear-gradient(30deg,#ff57e7 10%,#ff5a5a 90%);}.custom-page .mission__heart{display:block;margin:0;width:2rem;height:2rem;}.custom-page .mission__heart svg{width:100%;}.custom-page .mission__heart svg path{fill:#ff5a5a;}.custom-page .mission__giving{position:relative;display:inline-block;margin-top:3rem;padding:1rem;background:linear-gradient(30deg,#0e87ff 10%,#ff0bdc 90%);border-radius:10rem;}.custom-page .mission__giving:before{content:"";position:absolute;top:-2.5rem;right:0;left:0;height:.0625rem;background:#9daebe;}.custom-page .mission__giving .button{position:relative;}.custom-page .mission__giving .button:after{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;}.custom-page .charity--example{font-size:1.25rem;text-align:left;color:#303030;}.custom-page .charity--example h3{position:relative;margin-bottom:.5rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:900;text-transform:uppercase;}.custom-page .charity--example h3:before{content:"";position:absolute;z-index:-1;right:0;bottom:0;left:0;height:.0625rem;background:linear-gradient(30deg,#57eec7 0%,#fff 100%);}.custom-page .charity--example span{display:block;padding-top:.5rem;padding-bottom:.5rem;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.give__campaigns{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:1rem;}@media screen and(min-width:62.5em){.give__campaigns{grid-template-columns:repeat(2,1fr);}}}.give__block{padding:2rem;background:#2794ff;}.give__block.weekly{background:#ff24e0;}.give__block.donation{background:#14cb9b;}.give__block.giveaway{background:#0e87ff;}.give__block.entry{background:#f06d00;}.give__block h3{margin:0 0 .75em 0;padding-bottom:.75em;color:#fff;border-bottom:.0625rem solid rgba(255,255,255,.7);}.give__block p,.give__block a{color:#fff;}.give__block p:last-of-type,.give__block a:last-of-type{margin-bottom:0;}.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{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-gap:0;}@media screen and(min-width:46.875em){.footer__content{grid-template-columns:40% 30% 30%;}}}@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;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.footer__navigation{grid-column:1;grid-row:1;}}.footer__navigation--list-item{display:block;list-style:none;}.footer__navigation--list-item:first-of-type{margin-bottom:.5rem;border-bottom:.0625rem solid #fff;}.footer__navigation--list-item:first-of-type .footer__navigation--link,.footer__navigation--list-item:first-of-type a{box-shadow:none;}.footer__navigation--list-item:first-of-type .footer__navigation--link:hover,.footer__navigation--list-item:first-of-type a:hover{box-shadow:none;}.footer__navigation--list-item:first-of-type .footer__navigation--link:hover:before,.footer__navigation--list-item:first-of-type a:hover:before{display:none;}.footer__navigation--list-item:first-of-type .footer__navigation--link:before,.footer__navigation--list-item:first-of-type a:before{content:"";display:none;}.footer__navigation--link,.footer__navigation a{transition:box-shadow .3s ease;position:relative;display:inline-block;margin-bottom:.5rem;padding:.25rem 0;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;text-transform:uppercase;text-decoration:none;color:#fff;box-shadow:0 .0625rem 0 transparent;}.footer__navigation--link:before,.footer__navigation a:before{content:"";transition:all .2s ease;position:absolute;right:100%;bottom:0;left:0;height:.125rem;background:#5aadff;}.footer__navigation--link:hover,.footer__navigation a:hover{color:#57eec7;box-shadow:0 .0625rem 0 #5aadff;}.footer__navigation--link:hover:before,.footer__navigation a:hover:before{right:0;background:#ff57e7;}.footer__navigation--list-item:first-of-type .footer__navigation--link,.footer__navigation--list-item:first-of-type .footer__navigation a{margin-left:0;}.footer__navigation--list-item:last-of-type .footer__navigation--link,.footer__navigation--list-item:last-of-type .footer__navigation a{margin-right:0;}.footer__navigation--link.brand,.footer__navigation a.brand{width:10rem;height:2.25rem;}.footer__navigation--link .footer__navigation--total,.footer__navigation a .footer__navigation--total{vertical-align:top;font-family:"Roboto",sans-serif;font-size:inherit;font-weight:700;line-height:1.1875rem;color:rgba(255,255,255,.5);}.social--links{margin:2.75rem 0 0 0;padding-top:.5rem;padding-left:0;border-top:.0625rem solid #fff;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.social--links{grid-column:1;grid-row:2;}@media screen and(min-width:46.875em){.social--links{grid-column:2;grid-row:1;}}}.social--link{display:block;margin-bottom:.5rem;padding:.25rem 0;text-decoration:none;}.social--link svg{fill:white;}.social--link span{display:inline-block;vertical-align:top;padding-left:.5rem;font-family:"Raleway",sans-serif;font-size:1rem;font-weight:900;line-height:1em;text-transform:uppercase;color:#dbfc35;}.footer__credit{position:relative;padding:.25rem 0;}@supports (display:grid)and(grid-template-columns:repeat(2,1fr)){.footer__credit{grid-column:1;grid-row:3;}@media screen and(min-width:46.875em){.footer__credit{grid-column:1;grid-row:2;}}}.credit__badge a{font-family:"Raleway",sans-serif;font-size:.625rem;font-weight:900;text-transform:uppercase;text-decoration:none;color:rgba(255,255,255,.3);}
\ No newline at end of file
diff --git a/assets/images/LightningPattern.jpg b/assets/images/LightningPattern.jpg
new file mode 100644
index 0000000..6a063b0
Binary files /dev/null and b/assets/images/LightningPattern.jpg differ
diff --git a/assets/images/YourInnerVoice-Title.png b/assets/images/YourInnerVoice-Title.png
new file mode 100644
index 0000000..68ebc1e
Binary files /dev/null and b/assets/images/YourInnerVoice-Title.png differ