diff --git a/src/components/Footer/index.stories.tsx b/src/components/Footer/index.stories.tsx
new file mode 100644
index 0000000..86c1f78
--- /dev/null
+++ b/src/components/Footer/index.stories.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+import { Footer } from './index';
+
+export default { title: 'Footer' };
+
+export const withDefault = (): JSX.Element => <Footer />;
+withDefault.story = { name: 'default' };
+
+export const withDark = (): JSX.Element => <Footer variant="dark" />;
+withDark.story = { name: 'dark' };
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
new file mode 100644
index 0000000..bc8b3a6
--- /dev/null
+++ b/src/components/Footer/index.tsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import styled from 'styled-components';
+import { ContactDetails } from '../ContactDetails';
+import { Logo } from '../Logo';
+import { color, bp } from '../../theme';
+
+export type FooterVariant = 'light' | 'dark';
+
+interface Props {
+  variant?: FooterVariant;
+}
+
+const FooterWrapper = styled.div<Props>`
+  position: relative;
+  color: ${({ variant }) => (variant === 'light' ? color.dark : color.light)};
+  padding-left: 20px;
+  padding-right: 20px;
+  height: 340px;
+  background-color: ${({ variant }) =>
+    variant === 'light' ? color.primary : color.dark};
+`;
+
+const ContactWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 165px;
+  @media screen and (min-width: ${bp.tablet}) {
+    align-items: flex-end;
+  }
+`;
+
+const Copyright = styled.p`
+  position: absolute;
+  text-align: center;
+  margin: 0 auto;
+  font-size: 8px;
+  bottom: 10px;
+  left: 0;
+  right: 0;
+  @media screen and (min-width: ${bp.tablet}) {
+    margin: 0;
+  }
+`;
+
+const FooterLogo = styled(Logo)`
+  position: absolute;
+  max-width: 60%;
+  width: 450px;
+  left: 0;
+  right: 0;
+  margin-left: auto;
+  margin-right: auto;
+  pointer-events: none;
+  backface-visibility: hidden;
+  @media screen and (min-width: ${bp.tablet}) {
+    left: initial;
+    right: initial;
+    margin: 0;
+  }
+`;
+
+export const Footer: React.FC<Props> = ({ variant = 'light' }) => (
+  <FooterWrapper variant={variant}>
+    <FooterLogo />
+    <ContactWrapper>
+      <ContactDetails variant={variant === 'light' ? 'dark' : 'light'} />
+    </ContactWrapper>
+    <Copyright>{`Copyright © ${new Date().getFullYear()} Wombak`}</Copyright>
+  </FooterWrapper>
+);
diff --git a/src/components/Logo/index.tsx b/src/components/Logo/index.tsx
index 55ca2ca..4623f8b 100644
--- a/src/components/Logo/index.tsx
+++ b/src/components/Logo/index.tsx
@@ -23,7 +23,8 @@ interface Props {
 }
 
 export const Logo: React.FC<Props> = ({
-  variant = 'dark'
+  variant = 'dark',
+  className
 }: Props & React.SVGAttributes<SVGElement>) => {
   const uid = useUID();
   const { logo, text, shadow } = variations[variant] ?? {};
@@ -38,6 +39,7 @@ export const Logo: React.FC<Props> = ({
         xmlnsXlink="http://www.w3.org/1999/xlink"
         width="163"
         viewBox="0 0 163 80"
+        className={className}
       >
         <defs>
           <path
diff --git a/src/components/index.ts b/src/components/index.ts
index 70f978f..b18f033 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -4,3 +4,4 @@ export { Button } from './Button';
 export { Header } from './Header';
 export { Logo } from './Logo';
 export { ContactDetails } from './ContactDetails';
+export { Footer } from './Footer';
diff --git a/tests/__snapshots__/stories.test.js.snap b/tests/__snapshots__/stories.test.js.snap
index 37e4c3f..5bb87ef 100644
--- a/tests/__snapshots__/stories.test.js.snap
+++ b/tests/__snapshots__/stories.test.js.snap
@@ -1939,6 +1939,1096 @@ Array [
 ]
 `;
 
+exports[`Storyshots Footer dark 1`] = `
+Array [
+  @media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+<div>
+    <div
+      style={
+        Object {
+          "backgroundColor": "#fff",
+          "borderRadius": "2px",
+          "color": "black",
+          "fontFamily": "Helvetica Neue, Helvetica, Segoe UI, Arial, freesans, sans-serif",
+          "fontSize": "15px",
+          "fontWeight": 300,
+          "lineHeight": 1.45,
+          "padding": "20px 40px 40px",
+        }
+      }
+    >
+      <div
+        style={
+          Object {
+            "borderBottom": "1px solid #eee",
+            "marginBottom": 10,
+            "paddingTop": 10,
+          }
+        }
+      >
+        <h1
+          style={
+            Object {
+              "fontSize": "35px",
+              "margin": 0,
+              "padding": 0,
+            }
+          }
+        >
+          Footer
+        </h1>
+        <h2
+          style={
+            Object {
+              "fontSize": "22px",
+              "fontWeight": 400,
+              "margin": "0 0 10px 0",
+              "padding": 0,
+            }
+          }
+        >
+          dark
+        </h2>
+      </div>
+    </div>
+  </div>,
+  .c6 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c3 {
+  display: inline-block;
+  color: #ffffff;
+  font-style: normal;
+  text-align: center;
+}
+
+.c5 {
+  display: inline-block;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-left: 15px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c4 {
+  color: inherit;
+  font-size: 15px;
+  font-weight: bold;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c7 {
+  color: #f5e05b;
+}
+
+.c8 {
+  color: #f5e05b;
+}
+
+.c9 {
+  font-size: 10px;
+}
+
+.c10 {
+  display: inline-block;
+  font-size: 10px;
+  font-weight: bold;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  margin-bottom: 10px;
+}
+
+.c11 {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.c0 {
+  position: relative;
+  color: #ffffff;
+  padding-left: 20px;
+  padding-right: 20px;
+  height: 340px;
+  background-color: #232323;
+}
+
+.c2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-top: 165px;
+}
+
+.c12 {
+  position: absolute;
+  text-align: center;
+  margin: 0 auto;
+  font-size: 8px;
+  bottom: 10px;
+  left: 0;
+  right: 0;
+}
+
+.c1 {
+  position: absolute;
+  max-width: 60%;
+  width: 450px;
+  left: 0;
+  right: 0;
+  margin-left: auto;
+  margin-right: auto;
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+
+@media screen and (min-width:756px) {
+  .c3 {
+    text-align: right;
+  }
+}
+
+@media screen and (min-width:756px) {
+  .c2 {
+    -webkit-align-items: flex-end;
+    -webkit-box-align: flex-end;
+    -ms-flex-align: flex-end;
+    align-items: flex-end;
+  }
+}
+
+@media screen and (min-width:756px) {
+  .c12 {
+    margin: 0;
+  }
+}
+
+@media screen and (min-width:756px) {
+  .c1 {
+    left: initial;
+    right: initial;
+    margin: 0;
+  }
+}
+
+<div
+    id="story-root"
+    style={
+      Object {
+        "backgroundColor": "#fff",
+        "paddingLeft": 20,
+      }
+    }
+  >
+    <div
+      className="c0"
+    >
+      <svg
+        className="c1"
+        viewBox="0 0 163 80"
+        width="163"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+      >
+        <defs>
+          <path
+            d="M4.677 26l1.166-3.663h.092L6.971 26h2.424l1.868-9.25H9.098l-.758 4.68-.166 1.591H8.08L6.694 18.97H5.158l-1.369 4.052h-.093l-.147-1.147-.907-5.125H.237L2.179 26h2.498zm12.173.259c.74 0 1.41-.108 2.007-.324a4.261 4.261 0 001.545-.952c.432-.42.765-.932.999-1.536.234-.604.352-1.295.352-2.072 0-.728-.108-1.394-.324-1.998a4.16 4.16 0 00-.953-1.545 4.296 4.296 0 00-1.545-.99c-.61-.234-1.304-.351-2.081-.351-.74 0-1.41.108-2.007.324a4.261 4.261 0 00-1.545.952c-.432.42-.765.932-.999 1.536-.234.604-.351 1.295-.351 2.072 0 .728.107 1.394.323 1.998a4.16 4.16 0 00.953 1.545c.42.425.934.755 1.545.99.61.234 1.304.351 2.081.351zm0-2.035c-.382 0-.722-.07-1.018-.213a2.174 2.174 0 01-.758-.601 2.773 2.773 0 01-.481-.907 3.67 3.67 0 01-.166-1.128c0-.506.061-.937.184-1.295.124-.358.293-.654.51-.888.215-.234.471-.404.767-.509.296-.105.617-.157.962-.157.777 0 1.375.262 1.794.786.42.524.63 1.212.63 2.063 0 .987-.226 1.708-.676 2.165-.45.456-1.033.684-1.748.684zM24.99 26v-6.697a.985.985 0 01.36-.518.944.944 0 01.583-.204c.124 0 .244.022.361.065.117.043.216.13.296.26.08.129.145.308.195.536.049.228.073.527.073.897V26h2.22v-6.753c.062-.234.173-.403.334-.508.16-.105.351-.158.573-.158.259 0 .478.111.657.334.179.222.268.61.268 1.165V26h2.22v-6.327c0-.629-.052-1.144-.157-1.545-.105-.4-.256-.718-.453-.953a1.58 1.58 0 00-.694-.49 2.714 2.714 0 00-.898-.138c-.444 0-.857.114-1.239.342a2.064 2.064 0 00-.851.99c-.136-.494-.389-.84-.759-1.037a2.443 2.443 0 00-1.165-.295c-.481 0-.9.114-1.258.342a2.268 2.268 0 00-.814.878h-.055l-.26-1.017H22.77V26h2.22zm13.616.222c.814 0 1.545-.111 2.192-.333a4.47 4.47 0 001.647-.971c.45-.426.798-.956 1.045-1.591.247-.635.37-1.366.37-2.193 0-1.541-.367-2.694-1.1-3.459-.735-.765-1.712-1.147-2.933-1.147-.641 0-1.18.086-1.619.259-.438.173-.786.407-1.045.703h-.074v-4.44h-3.83v2.035h1.425v10.138c.358.222.86.444 1.508.666.647.222 1.452.333 2.414.333zm.407-2.035c-.395 0-.765-.05-1.11-.148a4.882 4.882 0 01-.814-.296v-3.848c.074-.21.194-.398.36-.564a2.617 2.617 0 011.139-.675c.21-.062.4-.093.573-.093.728 0 1.28.222 1.656.666.376.444.564 1.104.564 1.98 0 .518-.062.962-.185 1.332-.123.37-.293.678-.509.924a1.99 1.99 0 01-.758.546 2.42 2.42 0 01-.916.176zm9.639 1.961c.776 0 1.393-.139 1.85-.416.456-.278.807-.608 1.054-.99h.093l.24 1.258h3.071v-2.035h-1.203a7.726 7.726 0 00-.055-.5c-.025-.32-.037-.61-.037-.869 0-.345.022-.74.065-1.184.043-.444.065-.98.065-1.61 0-.493-.062-.937-.186-1.331a2.496 2.496 0 00-.6-1.018c-.278-.284-.642-.503-1.092-.657-.45-.154-.996-.231-1.638-.231-.888 0-1.655.08-2.303.24-.647.16-1.218.352-1.711.574l.574 1.887c.345-.16.77-.32 1.276-.481a5.618 5.618 0 011.702-.24c.53 0 .931.101 1.203.305.27.203.406.54.406 1.008v.351c0 .124-.012.247-.037.37a30.28 30.28 0 01-.906-.073 7.683 7.683 0 00-2.414.139c-.512.116-.95.295-1.314.536-.364.24-.641.549-.832.925-.191.376-.287.823-.287 1.341 0 .814.271 1.468.814 1.961.543.493 1.276.74 2.201.74zm.776-1.98c-.468 0-.804-.095-1.008-.286-.203-.191-.305-.46-.305-.805 0-.21.055-.389.166-.537.111-.148.26-.268.444-.36.185-.093.395-.16.63-.204.234-.043.468-.064.703-.064.283 0 .548.015.795.046.247.03.432.058.555.083v1.11c-.136.247-.352.478-.648.694-.295.216-.74.324-1.331.324zM59.623 26v-3.83h.648L63.45 26h2.997v-2.035h-1.72l-2.423-2.997 3.736-4.218h-2.83l-3.034 3.681h-.555V13.05H55.7v2.035h1.517V26h2.405z"
+            id="2_t"
+          />
+          <filter
+            filterUnits="objectBoundingBox"
+            height="281.7%"
+            id="2_s"
+            width="136.2%"
+            x="-18.1%"
+            y="-90.8%"
+          >
+            <feOffset
+              in="SourceAlpha"
+              result="shadowOffsetOuter1"
+            />
+            <feGaussianBlur
+              in="shadowOffsetOuter1"
+              result="shadowBlurOuter1"
+              stdDeviation="4"
+            />
+            <feColorMatrix
+              in="shadowBlurOuter1"
+              values="0 0 0 0 0.137254902 0 0 0 0 0.137254902 0 0 0 0 0.137254902 0 0 0 0.5 0"
+            />
+          </filter>
+        </defs>
+        <path
+          d="M81.8141829 26.0539219L51.2551868 79.9681529 4 0 159 0 113.67353 79.9681529z"
+          fill="#f5e05b"
+        />
+        <g
+          fillRule="nonzero"
+        >
+          <use
+            fill="#232323"
+            filter="url(#2_s)"
+            xlinkHref="#2_t"
+          />
+          <use
+            fill="#ffffff"
+            xlinkHref="#2_t"
+          />
+        </g>
+      </svg>
+      <div
+        className="c2"
+      >
+        <address
+          className="c3"
+        >
+          <a
+            className="c4"
+            href="mailto:hi@wombak.xyz"
+          >
+            hi@wombak.xyz
+          </a>
+          <div>
+            <a
+              className="c5"
+              href="https://github.com/wombak"
+              target="_blank"
+            >
+              <svg
+                aria-hidden="true"
+                className="c6 c7"
+                fill="currentColor"
+                focusable="false"
+                height="21"
+                viewBox="0 0 496 512"
+                width="21"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
+                  fill="currentColor"
+                />
+              </svg>
+            </a>
+            <a
+              className="c5"
+              href="https://www.linkedin.com/company/wombak/"
+              target="_blank"
+            >
+              <svg
+                aria-hidden="true"
+                className="c6 c8"
+                fill="currentColor"
+                focusable="false"
+                height="21"
+                viewBox="0 0 448 512"
+                width="21"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
+                  fill="currentColor"
+                />
+              </svg>
+            </a>
+          </div>
+          <p
+            className="c9"
+          >
+            <a
+              className="c10"
+              href="tel:+34968000000"
+            >
+              +34 968 00 00 00
+            </a>
+            <span
+              className="c11"
+            >
+              /
+            </span>
+            <a
+              className="c10"
+              href="tel:+34619479705"
+            >
+              +34 619 47 97 05
+            </a>
+            <br />
+            Calle Plateria, 29 2
+            <br />
+            Murcia 30001
+            <br />
+            Spain
+            <br />
+          </p>
+        </address>
+      </div>
+      <p
+        className="c12"
+      >
+        Copyright © 2020 Wombak
+      </p>
+    </div>
+  </div>,
+  @media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+<div>
+    <div
+      style={
+        Object {
+          "backgroundColor": "#fff",
+          "borderRadius": "2px",
+          "color": "black",
+          "fontFamily": "Helvetica Neue, Helvetica, Segoe UI, Arial, freesans, sans-serif",
+          "fontSize": "15px",
+          "fontWeight": 300,
+          "lineHeight": 1.45,
+          "padding": "20px 40px 40px",
+        }
+      }
+    >
+      
+      <h1
+        style={
+          Object {
+            "borderBottom": "1px solid #EEE",
+            "fontSize": "25px",
+            "margin": "20px 0 0 0",
+            "padding": "0 0 5px 0",
+          }
+        }
+      >
+        Story Source
+      </h1>
+      <div
+        className="css-1fhpnuv"
+      >
+        <div
+          className="css-1si67pu"
+          data-simplebar={true}
+        >
+          <div
+            className="simplebar-wrapper"
+          >
+            <div
+              className="simplebar-height-auto-observer-wrapper"
+            >
+              <div
+                className="simplebar-height-auto-observer"
+              />
+            </div>
+            <div
+              className="simplebar-mask"
+            >
+              <div
+                className="simplebar-offset"
+              >
+                <div
+                  className="simplebar-content-wrapper"
+                  tabIndex={0}
+                >
+                  <div
+                    className="simplebar-content"
+                  >
+                    <pre
+                      className="hljs css-4zr3vl"
+                    >
+                      <code
+                        className="css-1maezg8"
+                      >
+                        <span
+                          className="token tag"
+                        >
+                          <span
+                            className="token tag"
+                          >
+                            <span
+                              className="token punctuation"
+                            >
+                              &lt;
+                            </span>
+                            <span
+                              className="token class-name"
+                            >
+                              Footer
+                            </span>
+                          </span>
+                           
+                          <span
+                            className="token attr-name"
+                          >
+                            variant
+                          </span>
+                          <span
+                            className="token attr-value"
+                          >
+                            <span
+                              className="token punctuation"
+                            >
+                              =
+                            </span>
+                            <span
+                              className="token punctuation"
+                            >
+                              "
+                            </span>
+                            dark
+                            <span
+                              className="token punctuation"
+                            >
+                              "
+                            </span>
+                          </span>
+                           
+                          <span
+                            className="token punctuation"
+                          >
+                            /&gt;
+                          </span>
+                        </span>
+                      </code>
+                    </pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              className="simplebar-placeholder"
+            />
+          </div>
+          <div
+            className="simplebar-track simplebar-horizontal"
+          >
+            <div
+              className="simplebar-scrollbar"
+            />
+          </div>
+          <div
+            className="simplebar-track simplebar-vertical"
+          >
+            <div
+              className="simplebar-scrollbar"
+            />
+          </div>
+        </div>
+        <div
+          className="css-11xgcgt"
+        >
+          <button
+            className="css-1imo1gr"
+            onClick={[Function]}
+          >
+            Copy
+          </button>
+        </div>
+      </div>
+      <h1
+        style={
+          Object {
+            "borderBottom": "1px solid #EEE",
+            "fontSize": "25px",
+            "margin": "20px 0 0 0",
+            "padding": "0 0 5px 0",
+          }
+        }
+      >
+        Prop Types
+      </h1>
+      <div>
+        <h3
+          style={
+            Object {
+              "margin": "20px 0 0 0",
+            }
+          }
+        >
+          "
+          Footer
+          " Component
+        </h3>
+        <small>
+          No propTypes defined!
+        </small>
+      </div>
+    </div>
+  </div>,
+]
+`;
+
+exports[`Storyshots Footer default 1`] = `
+Array [
+  @media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+<div>
+    <div
+      style={
+        Object {
+          "backgroundColor": "#fff",
+          "borderRadius": "2px",
+          "color": "black",
+          "fontFamily": "Helvetica Neue, Helvetica, Segoe UI, Arial, freesans, sans-serif",
+          "fontSize": "15px",
+          "fontWeight": 300,
+          "lineHeight": 1.45,
+          "padding": "20px 40px 40px",
+        }
+      }
+    >
+      <div
+        style={
+          Object {
+            "borderBottom": "1px solid #eee",
+            "marginBottom": 10,
+            "paddingTop": 10,
+          }
+        }
+      >
+        <h1
+          style={
+            Object {
+              "fontSize": "35px",
+              "margin": 0,
+              "padding": 0,
+            }
+          }
+        >
+          Footer
+        </h1>
+        <h2
+          style={
+            Object {
+              "fontSize": "22px",
+              "fontWeight": 400,
+              "margin": "0 0 10px 0",
+              "padding": 0,
+            }
+          }
+        >
+          default
+        </h2>
+      </div>
+    </div>
+  </div>,
+  .c6 {
+  display: inline-block;
+  vertical-align: middle;
+  overflow: hidden;
+}
+
+.c3 {
+  display: inline-block;
+  color: #232323;
+  font-style: normal;
+  text-align: center;
+}
+
+.c5 {
+  display: inline-block;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-left: 15px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c4 {
+  color: inherit;
+  font-size: 15px;
+  font-weight: bold;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
+.c7 {
+  color: #232323;
+}
+
+.c8 {
+  color: #232323;
+}
+
+.c9 {
+  font-size: 10px;
+}
+
+.c10 {
+  display: inline-block;
+  font-size: 10px;
+  font-weight: bold;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  color: inherit;
+  margin-bottom: 10px;
+}
+
+.c11 {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.c0 {
+  position: relative;
+  color: #232323;
+  padding-left: 20px;
+  padding-right: 20px;
+  height: 340px;
+  background-color: #f5e05b;
+}
+
+.c2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding-top: 165px;
+}
+
+.c12 {
+  position: absolute;
+  text-align: center;
+  margin: 0 auto;
+  font-size: 8px;
+  bottom: 10px;
+  left: 0;
+  right: 0;
+}
+
+.c1 {
+  position: absolute;
+  max-width: 60%;
+  width: 450px;
+  left: 0;
+  right: 0;
+  margin-left: auto;
+  margin-right: auto;
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+
+@media screen and (min-width:756px) {
+  .c3 {
+    text-align: right;
+  }
+}
+
+@media screen and (min-width:756px) {
+  .c2 {
+    -webkit-align-items: flex-end;
+    -webkit-box-align: flex-end;
+    -ms-flex-align: flex-end;
+    align-items: flex-end;
+  }
+}
+
+@media screen and (min-width:756px) {
+  .c12 {
+    margin: 0;
+  }
+}
+
+@media screen and (min-width:756px) {
+  .c1 {
+    left: initial;
+    right: initial;
+    margin: 0;
+  }
+}
+
+<div
+    id="story-root"
+    style={
+      Object {
+        "backgroundColor": "#fff",
+        "paddingLeft": 20,
+      }
+    }
+  >
+    <div
+      className="c0"
+    >
+      <svg
+        className="c1"
+        viewBox="0 0 163 80"
+        width="163"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+      >
+        <defs>
+          <path
+            d="M4.677 26l1.166-3.663h.092L6.971 26h2.424l1.868-9.25H9.098l-.758 4.68-.166 1.591H8.08L6.694 18.97H5.158l-1.369 4.052h-.093l-.147-1.147-.907-5.125H.237L2.179 26h2.498zm12.173.259c.74 0 1.41-.108 2.007-.324a4.261 4.261 0 001.545-.952c.432-.42.765-.932.999-1.536.234-.604.352-1.295.352-2.072 0-.728-.108-1.394-.324-1.998a4.16 4.16 0 00-.953-1.545 4.296 4.296 0 00-1.545-.99c-.61-.234-1.304-.351-2.081-.351-.74 0-1.41.108-2.007.324a4.261 4.261 0 00-1.545.952c-.432.42-.765.932-.999 1.536-.234.604-.351 1.295-.351 2.072 0 .728.107 1.394.323 1.998a4.16 4.16 0 00.953 1.545c.42.425.934.755 1.545.99.61.234 1.304.351 2.081.351zm0-2.035c-.382 0-.722-.07-1.018-.213a2.174 2.174 0 01-.758-.601 2.773 2.773 0 01-.481-.907 3.67 3.67 0 01-.166-1.128c0-.506.061-.937.184-1.295.124-.358.293-.654.51-.888.215-.234.471-.404.767-.509.296-.105.617-.157.962-.157.777 0 1.375.262 1.794.786.42.524.63 1.212.63 2.063 0 .987-.226 1.708-.676 2.165-.45.456-1.033.684-1.748.684zM24.99 26v-6.697a.985.985 0 01.36-.518.944.944 0 01.583-.204c.124 0 .244.022.361.065.117.043.216.13.296.26.08.129.145.308.195.536.049.228.073.527.073.897V26h2.22v-6.753c.062-.234.173-.403.334-.508.16-.105.351-.158.573-.158.259 0 .478.111.657.334.179.222.268.61.268 1.165V26h2.22v-6.327c0-.629-.052-1.144-.157-1.545-.105-.4-.256-.718-.453-.953a1.58 1.58 0 00-.694-.49 2.714 2.714 0 00-.898-.138c-.444 0-.857.114-1.239.342a2.064 2.064 0 00-.851.99c-.136-.494-.389-.84-.759-1.037a2.443 2.443 0 00-1.165-.295c-.481 0-.9.114-1.258.342a2.268 2.268 0 00-.814.878h-.055l-.26-1.017H22.77V26h2.22zm13.616.222c.814 0 1.545-.111 2.192-.333a4.47 4.47 0 001.647-.971c.45-.426.798-.956 1.045-1.591.247-.635.37-1.366.37-2.193 0-1.541-.367-2.694-1.1-3.459-.735-.765-1.712-1.147-2.933-1.147-.641 0-1.18.086-1.619.259-.438.173-.786.407-1.045.703h-.074v-4.44h-3.83v2.035h1.425v10.138c.358.222.86.444 1.508.666.647.222 1.452.333 2.414.333zm.407-2.035c-.395 0-.765-.05-1.11-.148a4.882 4.882 0 01-.814-.296v-3.848c.074-.21.194-.398.36-.564a2.617 2.617 0 011.139-.675c.21-.062.4-.093.573-.093.728 0 1.28.222 1.656.666.376.444.564 1.104.564 1.98 0 .518-.062.962-.185 1.332-.123.37-.293.678-.509.924a1.99 1.99 0 01-.758.546 2.42 2.42 0 01-.916.176zm9.639 1.961c.776 0 1.393-.139 1.85-.416.456-.278.807-.608 1.054-.99h.093l.24 1.258h3.071v-2.035h-1.203a7.726 7.726 0 00-.055-.5c-.025-.32-.037-.61-.037-.869 0-.345.022-.74.065-1.184.043-.444.065-.98.065-1.61 0-.493-.062-.937-.186-1.331a2.496 2.496 0 00-.6-1.018c-.278-.284-.642-.503-1.092-.657-.45-.154-.996-.231-1.638-.231-.888 0-1.655.08-2.303.24-.647.16-1.218.352-1.711.574l.574 1.887c.345-.16.77-.32 1.276-.481a5.618 5.618 0 011.702-.24c.53 0 .931.101 1.203.305.27.203.406.54.406 1.008v.351c0 .124-.012.247-.037.37a30.28 30.28 0 01-.906-.073 7.683 7.683 0 00-2.414.139c-.512.116-.95.295-1.314.536-.364.24-.641.549-.832.925-.191.376-.287.823-.287 1.341 0 .814.271 1.468.814 1.961.543.493 1.276.74 2.201.74zm.776-1.98c-.468 0-.804-.095-1.008-.286-.203-.191-.305-.46-.305-.805 0-.21.055-.389.166-.537.111-.148.26-.268.444-.36.185-.093.395-.16.63-.204.234-.043.468-.064.703-.064.283 0 .548.015.795.046.247.03.432.058.555.083v1.11c-.136.247-.352.478-.648.694-.295.216-.74.324-1.331.324zM59.623 26v-3.83h.648L63.45 26h2.997v-2.035h-1.72l-2.423-2.997 3.736-4.218h-2.83l-3.034 3.681h-.555V13.05H55.7v2.035h1.517V26h2.405z"
+            id="1_t"
+          />
+          <filter
+            filterUnits="objectBoundingBox"
+            height="281.7%"
+            id="1_s"
+            width="136.2%"
+            x="-18.1%"
+            y="-90.8%"
+          >
+            <feOffset
+              in="SourceAlpha"
+              result="shadowOffsetOuter1"
+            />
+            <feGaussianBlur
+              in="shadowOffsetOuter1"
+              result="shadowBlurOuter1"
+              stdDeviation="4"
+            />
+            <feColorMatrix
+              in="shadowBlurOuter1"
+              values="0 0 0 0 0.137254902 0 0 0 0 0.137254902 0 0 0 0 0.137254902 0 0 0 0.5 0"
+            />
+          </filter>
+        </defs>
+        <path
+          d="M81.8141829 26.0539219L51.2551868 79.9681529 4 0 159 0 113.67353 79.9681529z"
+          fill="#f5e05b"
+        />
+        <g
+          fillRule="nonzero"
+        >
+          <use
+            fill="#232323"
+            filter="url(#1_s)"
+            xlinkHref="#1_t"
+          />
+          <use
+            fill="#ffffff"
+            xlinkHref="#1_t"
+          />
+        </g>
+      </svg>
+      <div
+        className="c2"
+      >
+        <address
+          className="c3"
+        >
+          <a
+            className="c4"
+            href="mailto:hi@wombak.xyz"
+          >
+            hi@wombak.xyz
+          </a>
+          <div>
+            <a
+              className="c5"
+              href="https://github.com/wombak"
+              target="_blank"
+            >
+              <svg
+                aria-hidden="true"
+                className="c6 c7"
+                fill="currentColor"
+                focusable="false"
+                height="21"
+                viewBox="0 0 496 512"
+                width="21"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
+                  fill="currentColor"
+                />
+              </svg>
+            </a>
+            <a
+              className="c5"
+              href="https://www.linkedin.com/company/wombak/"
+              target="_blank"
+            >
+              <svg
+                aria-hidden="true"
+                className="c6 c8"
+                fill="currentColor"
+                focusable="false"
+                height="21"
+                viewBox="0 0 448 512"
+                width="21"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
+                  fill="currentColor"
+                />
+              </svg>
+            </a>
+          </div>
+          <p
+            className="c9"
+          >
+            <a
+              className="c10"
+              href="tel:+34968000000"
+            >
+              +34 968 00 00 00
+            </a>
+            <span
+              className="c11"
+            >
+              /
+            </span>
+            <a
+              className="c10"
+              href="tel:+34619479705"
+            >
+              +34 619 47 97 05
+            </a>
+            <br />
+            Calle Plateria, 29 2
+            <br />
+            Murcia 30001
+            <br />
+            Spain
+            <br />
+          </p>
+        </address>
+      </div>
+      <p
+        className="c12"
+      >
+        Copyright © 2020 Wombak
+      </p>
+    </div>
+  </div>,
+  @media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+@media screen and (min-width:756px) {
+
+}
+
+<div>
+    <div
+      style={
+        Object {
+          "backgroundColor": "#fff",
+          "borderRadius": "2px",
+          "color": "black",
+          "fontFamily": "Helvetica Neue, Helvetica, Segoe UI, Arial, freesans, sans-serif",
+          "fontSize": "15px",
+          "fontWeight": 300,
+          "lineHeight": 1.45,
+          "padding": "20px 40px 40px",
+        }
+      }
+    >
+      
+      <h1
+        style={
+          Object {
+            "borderBottom": "1px solid #EEE",
+            "fontSize": "25px",
+            "margin": "20px 0 0 0",
+            "padding": "0 0 5px 0",
+          }
+        }
+      >
+        Story Source
+      </h1>
+      <div
+        className="css-1fhpnuv"
+      >
+        <div
+          className="css-1si67pu"
+          data-simplebar={true}
+        >
+          <div
+            className="simplebar-wrapper"
+          >
+            <div
+              className="simplebar-height-auto-observer-wrapper"
+            >
+              <div
+                className="simplebar-height-auto-observer"
+              />
+            </div>
+            <div
+              className="simplebar-mask"
+            >
+              <div
+                className="simplebar-offset"
+              >
+                <div
+                  className="simplebar-content-wrapper"
+                  tabIndex={0}
+                >
+                  <div
+                    className="simplebar-content"
+                  >
+                    <pre
+                      className="hljs css-4zr3vl"
+                    >
+                      <code
+                        className="css-1maezg8"
+                      >
+                        <span
+                          className="token tag"
+                        >
+                          <span
+                            className="token tag"
+                          >
+                            <span
+                              className="token punctuation"
+                            >
+                              &lt;
+                            </span>
+                            <span
+                              className="token class-name"
+                            >
+                              Footer
+                            </span>
+                          </span>
+                           
+                          <span
+                            className="token punctuation"
+                          >
+                            /&gt;
+                          </span>
+                        </span>
+                      </code>
+                    </pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              className="simplebar-placeholder"
+            />
+          </div>
+          <div
+            className="simplebar-track simplebar-horizontal"
+          >
+            <div
+              className="simplebar-scrollbar"
+            />
+          </div>
+          <div
+            className="simplebar-track simplebar-vertical"
+          >
+            <div
+              className="simplebar-scrollbar"
+            />
+          </div>
+        </div>
+        <div
+          className="css-11xgcgt"
+        >
+          <button
+            className="css-1imo1gr"
+            onClick={[Function]}
+          >
+            Copy
+          </button>
+        </div>
+      </div>
+      <h1
+        style={
+          Object {
+            "borderBottom": "1px solid #EEE",
+            "fontSize": "25px",
+            "margin": "20px 0 0 0",
+            "padding": "0 0 5px 0",
+          }
+        }
+      >
+        Prop Types
+      </h1>
+      <div>
+        <h3
+          style={
+            Object {
+              "margin": "20px 0 0 0",
+            }
+          }
+        >
+          "
+          Footer
+          " Component
+        </h3>
+        <small>
+          No propTypes defined!
+        </small>
+      </div>
+    </div>
+  </div>,
+]
+`;
+
 exports[`Storyshots Header Light 1`] = `
 Array [
   <div>
@@ -2073,6 +3163,7 @@ Array [
       className="c0"
     >
       <svg
+        className=""
         viewBox="0 0 163 80"
         width="163"
         xmlns="http://www.w3.org/2000/svg"
@@ -2081,7 +3172,7 @@ Array [
         <defs>
           <path
             d="M4.677 26l1.166-3.663h.092L6.971 26h2.424l1.868-9.25H9.098l-.758 4.68-.166 1.591H8.08L6.694 18.97H5.158l-1.369 4.052h-.093l-.147-1.147-.907-5.125H.237L2.179 26h2.498zm12.173.259c.74 0 1.41-.108 2.007-.324a4.261 4.261 0 001.545-.952c.432-.42.765-.932.999-1.536.234-.604.352-1.295.352-2.072 0-.728-.108-1.394-.324-1.998a4.16 4.16 0 00-.953-1.545 4.296 4.296 0 00-1.545-.99c-.61-.234-1.304-.351-2.081-.351-.74 0-1.41.108-2.007.324a4.261 4.261 0 00-1.545.952c-.432.42-.765.932-.999 1.536-.234.604-.351 1.295-.351 2.072 0 .728.107 1.394.323 1.998a4.16 4.16 0 00.953 1.545c.42.425.934.755 1.545.99.61.234 1.304.351 2.081.351zm0-2.035c-.382 0-.722-.07-1.018-.213a2.174 2.174 0 01-.758-.601 2.773 2.773 0 01-.481-.907 3.67 3.67 0 01-.166-1.128c0-.506.061-.937.184-1.295.124-.358.293-.654.51-.888.215-.234.471-.404.767-.509.296-.105.617-.157.962-.157.777 0 1.375.262 1.794.786.42.524.63 1.212.63 2.063 0 .987-.226 1.708-.676 2.165-.45.456-1.033.684-1.748.684zM24.99 26v-6.697a.985.985 0 01.36-.518.944.944 0 01.583-.204c.124 0 .244.022.361.065.117.043.216.13.296.26.08.129.145.308.195.536.049.228.073.527.073.897V26h2.22v-6.753c.062-.234.173-.403.334-.508.16-.105.351-.158.573-.158.259 0 .478.111.657.334.179.222.268.61.268 1.165V26h2.22v-6.327c0-.629-.052-1.144-.157-1.545-.105-.4-.256-.718-.453-.953a1.58 1.58 0 00-.694-.49 2.714 2.714 0 00-.898-.138c-.444 0-.857.114-1.239.342a2.064 2.064 0 00-.851.99c-.136-.494-.389-.84-.759-1.037a2.443 2.443 0 00-1.165-.295c-.481 0-.9.114-1.258.342a2.268 2.268 0 00-.814.878h-.055l-.26-1.017H22.77V26h2.22zm13.616.222c.814 0 1.545-.111 2.192-.333a4.47 4.47 0 001.647-.971c.45-.426.798-.956 1.045-1.591.247-.635.37-1.366.37-2.193 0-1.541-.367-2.694-1.1-3.459-.735-.765-1.712-1.147-2.933-1.147-.641 0-1.18.086-1.619.259-.438.173-.786.407-1.045.703h-.074v-4.44h-3.83v2.035h1.425v10.138c.358.222.86.444 1.508.666.647.222 1.452.333 2.414.333zm.407-2.035c-.395 0-.765-.05-1.11-.148a4.882 4.882 0 01-.814-.296v-3.848c.074-.21.194-.398.36-.564a2.617 2.617 0 011.139-.675c.21-.062.4-.093.573-.093.728 0 1.28.222 1.656.666.376.444.564 1.104.564 1.98 0 .518-.062.962-.185 1.332-.123.37-.293.678-.509.924a1.99 1.99 0 01-.758.546 2.42 2.42 0 01-.916.176zm9.639 1.961c.776 0 1.393-.139 1.85-.416.456-.278.807-.608 1.054-.99h.093l.24 1.258h3.071v-2.035h-1.203a7.726 7.726 0 00-.055-.5c-.025-.32-.037-.61-.037-.869 0-.345.022-.74.065-1.184.043-.444.065-.98.065-1.61 0-.493-.062-.937-.186-1.331a2.496 2.496 0 00-.6-1.018c-.278-.284-.642-.503-1.092-.657-.45-.154-.996-.231-1.638-.231-.888 0-1.655.08-2.303.24-.647.16-1.218.352-1.711.574l.574 1.887c.345-.16.77-.32 1.276-.481a5.618 5.618 0 011.702-.24c.53 0 .931.101 1.203.305.27.203.406.54.406 1.008v.351c0 .124-.012.247-.037.37a30.28 30.28 0 01-.906-.073 7.683 7.683 0 00-2.414.139c-.512.116-.95.295-1.314.536-.364.24-.641.549-.832.925-.191.376-.287.823-.287 1.341 0 .814.271 1.468.814 1.961.543.493 1.276.74 2.201.74zm.776-1.98c-.468 0-.804-.095-1.008-.286-.203-.191-.305-.46-.305-.805 0-.21.055-.389.166-.537.111-.148.26-.268.444-.36.185-.093.395-.16.63-.204.234-.043.468-.064.703-.064.283 0 .548.015.795.046.247.03.432.058.555.083v1.11c-.136.247-.352.478-.648.694-.295.216-.74.324-1.331.324zM59.623 26v-3.83h.648L63.45 26h2.997v-2.035h-1.72l-2.423-2.997 3.736-4.218h-2.83l-3.034 3.681h-.555V13.05H55.7v2.035h1.517V26h2.405z"
-            id="2_t"
+            id="4_t"
           />
         </defs>
         <path
@@ -2093,7 +3184,7 @@ Array [
         >
           <use
             fill="#232323"
-            xlinkHref="#2_t"
+            xlinkHref="#4_t"
           />
         </g>
       </svg>
@@ -2436,6 +3527,7 @@ Array [
       className="c0"
     >
       <svg
+        className=""
         viewBox="0 0 163 80"
         width="163"
         xmlns="http://www.w3.org/2000/svg"
@@ -2444,12 +3536,12 @@ Array [
         <defs>
           <path
             d="M4.677 26l1.166-3.663h.092L6.971 26h2.424l1.868-9.25H9.098l-.758 4.68-.166 1.591H8.08L6.694 18.97H5.158l-1.369 4.052h-.093l-.147-1.147-.907-5.125H.237L2.179 26h2.498zm12.173.259c.74 0 1.41-.108 2.007-.324a4.261 4.261 0 001.545-.952c.432-.42.765-.932.999-1.536.234-.604.352-1.295.352-2.072 0-.728-.108-1.394-.324-1.998a4.16 4.16 0 00-.953-1.545 4.296 4.296 0 00-1.545-.99c-.61-.234-1.304-.351-2.081-.351-.74 0-1.41.108-2.007.324a4.261 4.261 0 00-1.545.952c-.432.42-.765.932-.999 1.536-.234.604-.351 1.295-.351 2.072 0 .728.107 1.394.323 1.998a4.16 4.16 0 00.953 1.545c.42.425.934.755 1.545.99.61.234 1.304.351 2.081.351zm0-2.035c-.382 0-.722-.07-1.018-.213a2.174 2.174 0 01-.758-.601 2.773 2.773 0 01-.481-.907 3.67 3.67 0 01-.166-1.128c0-.506.061-.937.184-1.295.124-.358.293-.654.51-.888.215-.234.471-.404.767-.509.296-.105.617-.157.962-.157.777 0 1.375.262 1.794.786.42.524.63 1.212.63 2.063 0 .987-.226 1.708-.676 2.165-.45.456-1.033.684-1.748.684zM24.99 26v-6.697a.985.985 0 01.36-.518.944.944 0 01.583-.204c.124 0 .244.022.361.065.117.043.216.13.296.26.08.129.145.308.195.536.049.228.073.527.073.897V26h2.22v-6.753c.062-.234.173-.403.334-.508.16-.105.351-.158.573-.158.259 0 .478.111.657.334.179.222.268.61.268 1.165V26h2.22v-6.327c0-.629-.052-1.144-.157-1.545-.105-.4-.256-.718-.453-.953a1.58 1.58 0 00-.694-.49 2.714 2.714 0 00-.898-.138c-.444 0-.857.114-1.239.342a2.064 2.064 0 00-.851.99c-.136-.494-.389-.84-.759-1.037a2.443 2.443 0 00-1.165-.295c-.481 0-.9.114-1.258.342a2.268 2.268 0 00-.814.878h-.055l-.26-1.017H22.77V26h2.22zm13.616.222c.814 0 1.545-.111 2.192-.333a4.47 4.47 0 001.647-.971c.45-.426.798-.956 1.045-1.591.247-.635.37-1.366.37-2.193 0-1.541-.367-2.694-1.1-3.459-.735-.765-1.712-1.147-2.933-1.147-.641 0-1.18.086-1.619.259-.438.173-.786.407-1.045.703h-.074v-4.44h-3.83v2.035h1.425v10.138c.358.222.86.444 1.508.666.647.222 1.452.333 2.414.333zm.407-2.035c-.395 0-.765-.05-1.11-.148a4.882 4.882 0 01-.814-.296v-3.848c.074-.21.194-.398.36-.564a2.617 2.617 0 011.139-.675c.21-.062.4-.093.573-.093.728 0 1.28.222 1.656.666.376.444.564 1.104.564 1.98 0 .518-.062.962-.185 1.332-.123.37-.293.678-.509.924a1.99 1.99 0 01-.758.546 2.42 2.42 0 01-.916.176zm9.639 1.961c.776 0 1.393-.139 1.85-.416.456-.278.807-.608 1.054-.99h.093l.24 1.258h3.071v-2.035h-1.203a7.726 7.726 0 00-.055-.5c-.025-.32-.037-.61-.037-.869 0-.345.022-.74.065-1.184.043-.444.065-.98.065-1.61 0-.493-.062-.937-.186-1.331a2.496 2.496 0 00-.6-1.018c-.278-.284-.642-.503-1.092-.657-.45-.154-.996-.231-1.638-.231-.888 0-1.655.08-2.303.24-.647.16-1.218.352-1.711.574l.574 1.887c.345-.16.77-.32 1.276-.481a5.618 5.618 0 011.702-.24c.53 0 .931.101 1.203.305.27.203.406.54.406 1.008v.351c0 .124-.012.247-.037.37a30.28 30.28 0 01-.906-.073 7.683 7.683 0 00-2.414.139c-.512.116-.95.295-1.314.536-.364.24-.641.549-.832.925-.191.376-.287.823-.287 1.341 0 .814.271 1.468.814 1.961.543.493 1.276.74 2.201.74zm.776-1.98c-.468 0-.804-.095-1.008-.286-.203-.191-.305-.46-.305-.805 0-.21.055-.389.166-.537.111-.148.26-.268.444-.36.185-.093.395-.16.63-.204.234-.043.468-.064.703-.064.283 0 .548.015.795.046.247.03.432.058.555.083v1.11c-.136.247-.352.478-.648.694-.295.216-.74.324-1.331.324zM59.623 26v-3.83h.648L63.45 26h2.997v-2.035h-1.72l-2.423-2.997 3.736-4.218h-2.83l-3.034 3.681h-.555V13.05H55.7v2.035h1.517V26h2.405z"
-            id="1_t"
+            id="3_t"
           />
           <filter
             filterUnits="objectBoundingBox"
             height="281.7%"
-            id="1_s"
+            id="3_s"
             width="136.2%"
             x="-18.1%"
             y="-90.8%"
@@ -2478,12 +3570,12 @@ Array [
         >
           <use
             fill="#232323"
-            filter="url(#1_s)"
-            xlinkHref="#1_t"
+            filter="url(#3_s)"
+            xlinkHref="#3_t"
           />
           <use
             fill="#ffffff"
-            xlinkHref="#1_t"
+            xlinkHref="#3_t"
           />
         </g>
       </svg>