body {
  background-color: #381420;
  font-family: classica-pro, sans-serif;
  color: #fff;
  font-size: 1vw;
  line-height: 1vh;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-family: Kinfolkmodern, sans-serif;
  font-size: 8em;
  line-height: 1em;
  font-weight: 400;
  mix-blend-mode: difference;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-family: Kinfolkmodern, sans-serif;
  font-size: 8em;
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-family: Kinfolkmodern, sans-serif;
  font-size: 1.5em;
  line-height: 1em;
  font-weight: 400;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-family: classica-pro, sans-serif;
  font-size: 1.5em;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

p {
  max-width: 72ch;
  margin-bottom: 2em;
  font-family: classica-pro, sans-serif;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.locomotive-scroll {
  position: relative;
}

.container {
  display: -ms-grid;
  display: grid;
  min-height: 25vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.container._3-col {
  min-height: 50vh;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.container.nav {
  min-height: 0vh;
}

.container.shrink {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.section {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  min-height: 100vh;
  padding: 2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.section.hero {
  min-height: 85vh;
}

.section.hero.test {
  position: relative;
  overflow: hidden;
  min-height: 90vh;
  padding-top: 8em;
}

.section.footer {
  min-height: 50vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section.footer.wimage {
  padding-top: 4em;
  color: #fff;
}

.section.test {
  position: static;
  z-index: 0;
  padding-top: 6em;
}

.section.test.bg-white {
  position: relative;
  padding-top: 8em;
  padding-bottom: 6em;
  background-color: #381420;
  color: #fff;
}

.section.purp_bg {
  background-color: #381420;
  color: #fff;
}

.section.purp_bg.white-txt {
  color: #fff;
}

.section.black-bg {
  background-color: #0a0a0c;
}

.wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.wrapper.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.btn {
  margin-right: auto;
  margin-left: auto;
  padding: 1em 1.5em;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  background-color: #fff;
  color: #381420;
  line-height: 1.2em;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.navbar {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 2em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 74.7%, 0);
  background-color: transparent;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  color: #000;
}

.navbar.is--filled {
  border-bottom-style: solid;
  border-bottom-color: hsla(0, 0%, 100%, 0.52);
  background-color: #381420;
}

.mobile-brand {
  display: none;
  max-height: 64px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 4em;
  min-height: 4em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url('../images/Primary-Mark_Gold.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.brand.footer {
  margin-bottom: 4em;
}

.nav-link {
  font-family: Kinfolkmodern, sans-serif;
  color: #fff;
  font-size: 1em;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.brand-img {
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 2em;
  margin-bottom: 2em;
  margin-left: 2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product-img-container {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product_main-img {
  width: 100%;
  max-height: 33vh;
  min-height: 33vh;
  min-width: 208px;
  -o-object-fit: contain;
  object-fit: contain;
}

.product_ingredient-left {
  position: absolute;
  left: 20%;
  top: auto;
  right: auto;
  bottom: 10%;
  width: 7em;
  height: 7em;
  -o-object-fit: contain;
  object-fit: contain;
}

.product_ingredient-left.barrel {
  padding: 0.5em;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.product_ingredient-left.cherry {
  padding: 1.1em;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.product_ingredient-right {
  position: absolute;
  left: auto;
  top: 10%;
  right: 20%;
  bottom: auto;
  z-index: -1;
  width: 7em;
  height: 7em;
  -o-object-fit: contain;
  object-fit: contain;
}

.product_ingredient-right.vanilla {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.product_ingredient-right.cherries {
  padding: 1.1em;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.product_ingredient-right.barrel {
  padding: 0.5em;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.product-card_txt-wrap {
  padding: 1em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.p.small {
  margin-bottom: 1em;
  font-family: 'PT Sans', sans-serif;
  font-size: 1em;
}

.featured {
  margin-bottom: 0em;
  font-family: Kinfolkmodern, sans-serif;
  color: #fff;
  font-size: 2.5em;
}

.badge {
  max-height: 25vh;
  margin-right: auto;
  margin-left: auto;
}

.blog-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50vh;
  padding: 1em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

.blog-card.all {
  background-color: #381420;
  color: #fff;
}

.blog-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-title {
  margin-bottom: 0.25em;
  font-size: 2em;
}

.blogcontainer {
  display: -ms-grid;
  display: grid;
  min-height: 25vh;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.read-more {
  margin-bottom: 0em;
  font-size: 0.8em;
  letter-spacing: 0.1em;
}

.stockist-logo {
  min-width: 20%;
  margin-right: 1em;
  padding: 1em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -o-object-fit: contain;
  object-fit: contain;
}

.social-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-bottom: 4em;
  margin-left: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.social-block {
  width: 3em;
  height: 3em;
  margin-right: 1em;
  margin-left: 1em;
  padding: 0.5em;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.social-block:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.social-icon {
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer-link {
  margin-right: 2em;
  font-family: Kinfolkmodern, sans-serif;
  color: #fff;
  font-size: 1.5em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-link.small {
  color: #acacac;
  font-size: 0.8em;
}

.spacer {
  height: 10vh;
}

.bg-img {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  max-width: 100vw;
  mix-blend-mode: multiply;
  -o-object-fit: cover;
  object-fit: cover;
}

.bg-img.relative {
  position: absolute;
  z-index: -2;
  max-height: 100%;
  max-width: 100%;
  mix-blend-mode: normal;
}

.bg-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  background-color: rgba(10, 10, 12, 0.5);
}

.bg-overlay.purp-gradient {
  background-color: rgba(10, 10, 12, 0.22);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#381420), color-stop(29%, rgba(4, 41, 113, 0.06)), color-stop(73%, rgba(0, 42, 119, 0)), to(#381420));
  background-image: linear-gradient(180deg, #381420, rgba(4, 41, 113, 0.06) 29%, rgba(0, 42, 119, 0) 73%, #381420);
  color: #fff;
}

.bg-overlay.purp-gradient.small {
  background-color: rgba(10, 10, 12, 0);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(79%, rgba(0, 42, 119, 0)), color-stop(99%, #381420));
  background-image: linear-gradient(180deg, rgba(0, 42, 119, 0) 79%, #381420 99%);
}

.bg-overlay.purp-gradient._w-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#381420), color-stop(36%, rgba(56, 20, 32, 0)), color-stop(72%, rgba(56, 20, 32, 0)), to(#0a0a0c));
  background-image: linear-gradient(180deg, #381420, rgba(56, 20, 32, 0) 36%, rgba(56, 20, 32, 0) 72%, #0a0a0c);
}

.bg-overlay.purp-gradient.hero {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(4, 41, 113, 0.06)), color-stop(73%, rgba(0, 42, 119, 0)), color-stop(100%, #381420), to(#381420));
  background-image: linear-gradient(180deg, rgba(4, 41, 113, 0.06), rgba(0, 42, 119, 0) 73%, #381420 100%, #381420);
}

.bg-overlay.black-gradient {
  background-color: rgba(10, 10, 12, 0.22);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0a0a0c), color-stop(34%, rgba(0, 42, 119, 0)), color-stop(70%, rgba(2, 37, 102, 0.16)), to(#381420));
  background-image: linear-gradient(180deg, #0a0a0c, rgba(0, 42, 119, 0) 34%, rgba(2, 37, 102, 0.16) 70%, #381420);
  color: #fff;
}

.bg-overlay.black-gradient.small {
  background-color: rgba(10, 10, 12, 0);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(79%, rgba(0, 42, 119, 0)), color-stop(99%, #381420));
  background-image: linear-gradient(180deg, rgba(0, 42, 119, 0) 79%, #381420 99%);
}

.bg-overlay.black-gradient._w-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#381420), color-stop(36%, rgba(56, 20, 32, 0)), color-stop(68%, rgba(56, 20, 32, 0)), color-stop(97%, #381420));
  background-image: linear-gradient(180deg, #381420, rgba(56, 20, 32, 0) 36%, rgba(56, 20, 32, 0) 68%, #381420 97%);
}

.html-embed {
  height: 256px;
  min-height: 256px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  background-color: #a1a1a1;
}

.heading-2 {
  mix-blend-mode: normal;
}

.heading-2.dropshadow {
  text-shadow: 0 0 0.125em #0a0a0c;
}

.nav-menu {
  z-index: 99;
}

.bg-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
}

.bottle-1 {
  position: absolute;
  left: 2em;
  top: auto;
  right: auto;
  bottom: -12.5vh;
  z-index: -1;
  max-width: 8%;
}

.bottle-2 {
  position: absolute;
  left: 25%;
  top: auto;
  right: auto;
  bottom: -16.5vh;
  z-index: -1;
  max-width: 8%;
}

.bottle-3 {
  position: absolute;
  left: auto;
  top: auto;
  right: 25%;
  bottom: -16.5vh;
  z-index: -1;
  max-width: 8%;
}

.bottle-4 {
  position: absolute;
  left: auto;
  top: auto;
  right: 2em;
  bottom: -12.5vh;
  z-index: -1;
  max-width: 8%;
}

.h2 {
  position: relative;
  z-index: 1;
}

.h2.small {
  font-size: 5em;
}

.h2.small._w-dropshadow {
  text-shadow: 0 0 0.5em #0a0a0c;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 0.8em;
  }

  h2 {
    font-size: 5em;
  }

  .container._3-col.nav {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .container.nav {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .section.test {
    z-index: 1;
  }

  .navbar {
    z-index: 99;
    height: auto;
    border-bottom-color: hsla(0, 0%, 74.7%, 0.6);
    background-color: #381420;
  }

  .navbar.is--filled {
    border-bottom-style: solid;
  }

  .mobile-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 256px;
  }

  .brand {
    display: none;
  }

  .brand.footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 5em;
    min-height: 5em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nav-link {
    padding: 1em 0px;
    color: #fff;
    font-size: 1.5em;
    line-height: 1em;
  }

  .brand-img {
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
  }

  .brand-img.center {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }

  .product-card {
    min-width: 33%;
    margin-right: 1em;
    margin-left: 1em;
  }

  .product_main-img {
    min-width: 15vw;
  }

  .blogcontainer {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .spacer {
    height: 5vh;
  }

  .menu-button {
    margin-left: auto;
    background-color: transparent;
    color: #fff;
  }

  .menu-button.w--open {
    background-color: #fff;
    color: #381420;
  }

  .heading-2.dropshadow {
    font-size: 6em;
  }

  .nav-menu {
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 100vh;
    padding: 2em 1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid hsla(0, 0%, 80.7%, 0.39);
    background-color: #381420;
    color: #fff;
  }

  .bottle-1 {
    bottom: -25%;
  }

  .bottle-2 {
    bottom: -33%;
  }

  .bottle-3 {
    bottom: -33%;
  }

  .bottle-4 {
    bottom: -25%;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1em;
  }

  h2 {
    font-size: 4em;
  }

  .container {
    min-height: 0px;
  }

  .container._3-col.nav {
    grid-row-gap: 0em;
  }

  .container._3-col.landsacpe-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .section.purp_bg {
    min-height: 0vh;
  }

  .navbar {
    height: auto;
  }

  .mobile-brand {
    max-height: 48px;
    padding-left: 0px;
  }

  .product-card {
    min-width: 40%;
  }

  .product_ingredient-left {
    left: 5%;
  }

  .product_ingredient-right {
    right: 5%;
  }

  .product_ingredient-right.vanilla {
    right: 5%;
  }

  .featured {
    width: 100%;
    min-width: 100%;
  }

  .blogcontainer {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .stockist-logo {
    min-width: 40%;
  }

  .footer-link {
    min-width: 35%;
    margin-right: 0em;
    margin-bottom: 1em;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .bg-overlay.purp-gradient._w-top {
    background-color: rgba(10, 10, 12, 0.35);
    background-image: none;
  }

  .bg-overlay.black-gradient {
    background-image: none;
  }

  .bg-overlay.black-gradient._w-top {
    background-color: rgba(10, 10, 12, 0.35);
    background-image: none;
  }

  .heading-2 {
    font-size: 4em;
  }

  .heading-2.dropshadow {
    font-size: 5em;
  }

  .bottle-1 {
    display: none;
  }

  .bottle-2 {
    display: none;
  }

  .bottle-3 {
    display: none;
  }

  .bottle-4 {
    display: none;
  }

  .h2.small {
    font-size: 3em;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 2em;
  }

  p {
    font-size: 1em;
    font-weight: 400;
  }

  .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .container._3-col.nav {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-auto-columns: 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 0em;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .container.nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 0vh;
    padding: 2em 1em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section.footer.wimage {
    padding-top: 2em;
  }

  .wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .wrapper.center {
    max-width: 100%;
    min-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .wrapper.center.bottom {
    min-width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .wrapper.center.top {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar {
    height: auto;
    padding-right: 1em;
    padding-left: 1em;
  }

  .navbar.is--filled {
    border-bottom-style: solid;
  }

  .mobile-brand {
    max-height: 40px;
    min-width: 128px;
  }

  .brand.footer {
    max-height: 4em;
    min-height: 4em;
  }

  .nav-link {
    margin-right: 0px;
    margin-left: 0px;
    font-size: 1.2em;
    text-align: left;
  }

  .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }

  .menu.right {
    min-width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .product-card {
    min-width: 100%;
    margin-left: 0em;
  }

  .product_main-img {
    max-height: 256px;
    min-height: 256px;
    min-width: 100%;
  }

  .product_ingredient-left {
    left: 15%;
    width: 5em;
    height: 5em;
  }

  .product_ingredient-right {
    right: 15%;
    width: 5em;
    height: 5em;
  }

  .product_ingredient-right.vanilla {
    right: 15%;
  }

  .featured {
    font-size: 1.5em;
  }

  .badge {
    max-height: 128px;
  }

  .blog-card {
    min-height: 256px;
  }

  .blogcontainer {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .stockist-logo {
    min-width: 40%;
  }

  .social-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .social-block {
    width: 3em;
    height: 3em;
    margin-right: 1em;
    margin-left: 1em;
    padding: 0.8em;
  }

  .footer-link {
    min-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .bg-overlay.purp-gradient {
    background-image: none;
  }

  .bg-overlay.black-gradient {
    background-color: rgba(10, 10, 12, 0.31);
  }

  .heading-2 {
    font-size: 3em;
  }

  .heading-2.dropshadow {
    font-size: 3em;
  }

  .h2.small {
    font-size: 2em;
  }
}

#w-node-_5eae8a02-3bfe-92eb-3733-399a2ae62abe-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_0b43ad4d-1dc3-a086-a789-a0447e750abe-493703e1 {
  -ms-grid-column-align: stretch;
  justify-self: stretch;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_4d24fe34-2e8d-6ff9-470c-b94a5dff9933-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_0b43ad4d-1dc3-a086-a789-a0447e750abd-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-a3d3aabd-d65f-6c52-6025-a610deebd632-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: end;
  justify-self: end;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_23a9d083-8560-be8f-0b90-c9208d78bc3f-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_9e9e4a07-506b-4502-da66-f27fd7854bf8-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-ee5e0620-bc89-3ef6-2a71-87b507b28cb4-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-c2553636-93fe-49d7-2e54-7be1bed63ae2-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_9fa113c7-acb6-0327-fa43-27e4b07793f6-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_2d5b80d3-1d38-d9f0-7a56-3861a5e71325-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_2d5b80d3-1d38-d9f0-7a56-3861a5e71328-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-_2d5b80d3-1d38-d9f0-7a56-3861a5e71351-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-_2c0cf1ed-3e8e-c7be-3831-0192e0eae9fd-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_67fc64c8-c4e6-b79a-8d09-5611af58a85e-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_435f2b4d-7a64-7e96-34f6-e0680bd893d3-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-b3ea5780-2801-e6cb-8eb2-1c5bf870ca7f-493703e1 {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 2;
  grid-row-start: span 2;
  -ms-grid-row-span: 2;
  grid-row-end: span 2;
}

#w-node-_4988e1da-e9db-76ae-2cf6-687e2906cc16-493703e1 {
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row: span 2;
  grid-row-start: span 2;
  -ms-grid-row-span: 2;
  grid-row-end: span 2;
}

#w-node-_2dc3b853-071e-0065-cc2b-a33f31d6412b-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_1ebdcf1a-ab01-689f-f566-e9b10cb5e54e-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_2dc3b853-071e-0065-cc2b-a33f31d6412e-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-_8a5c770f-ad7c-7bc4-31c2-bea70d4749ea-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-c5614167-e5e2-ce04-bcc6-7b548f190001-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

#w-node-bb0cfed0-fa29-c778-0ba8-b59a423d176b-493703e1 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_5eae8a02-3bfe-92eb-3733-399a2ae62abe-493703e1 {
    -ms-grid-column-align: start;
    justify-self: start;
  }

  #w-node-a3d3aabd-d65f-6c52-6025-a610deebd632-493703e1 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2d5b80d3-1d38-d9f0-7a56-3861a5e71325-493703e1 {
    -ms-grid-column-align: center;
    justify-self: center;
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start;
  }

  #w-node-_2d5b80d3-1d38-d9f0-7a56-3861a5e71351-493703e1 {
    -ms-grid-column-align: center;
    justify-self: center;
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b3ea5780-2801-e6cb-8eb2-1c5bf870ca7f-493703e1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-_4988e1da-e9db-76ae-2cf6-687e2906cc16-493703e1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }

  #w-node-bb0cfed0-fa29-c778-0ba8-b59a423d176b-493703e1 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }
}

@font-face {
  font-family: 'Kinfolkmodern';
  src: url('../fonts/KINFOLKModern.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}