/* convert SCSS: https://jsonformatter.org/scss-to-css */
/* prefix: https://autoprefixer.github.io/ */

@import url('https://fonts.googleapis.com/css?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

html {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}
 *, *::before, *::after {
   -webkit-box-sizing: inherit;
           box-sizing: inherit;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
}
 *:focus, *::before:focus, *::after:focus {
   outline: none;
}
 * {
   font-family: 'Righteous', sans-serif;
}
 body {
   margin: 0;
   padding: 0;
}
 .wrapper {
   position: relative;
   overflow: hidden;
   width: 100%;
   min-height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   background: -webkit-gradient(linear, left top, left bottom, from(#1b2412), to(#131c0b));
   background: -o-linear-gradient(top, #1b2412, #131c0b);
   background: linear-gradient(180deg, #1b2412, #131c0b);
   background: #1b2412;
}
 header {
   position: relative;
   width: 80%;
   max-width: 200px;
   margin-top: 60px;
   margin-bottom: 60px;
}
 @media (min-width: 500px) {
   header {
     width: 70%;
     max-width: 250px;
  }
}
 @media (min-width: 768px) {
   header {
     width: 60%;
     max-width: 300px;
  }
}
 @media (min-width: 1024px) {
   header {
     width: 50%;
     max-width: 400px;
  }
}
 h1 {
   position: relative;
   z-index: 60;
   display: block;
   margin: 0;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 5px;
   line-height: 0.8;
   font-size: 60px;
   color: white;
   white-space: nowrap;
   pointer-events: none;
}
 @media (min-width: 520px) {
   h1 {
     font-size: 65px;
  }
}
 @media (min-width: 768px) {
   h1 {
     font-size: 70px;
  }
}
 @media (min-width: 1024px) {
   h1 {
     font-size: 80px;
  }
}
 @media (min-width: 1200px) {
   h1 {
     font-size: 90px;
  }
}
 @media (min-width: 1400px) {
   h1 {
     font-size: 100px;
  }
}
 h1 span {
   display: block;
}
 h1 > span {
   overflow: hidden;
}
 h1 > span .reveal {
   -webkit-transform: translate3d(0, 101%, 0);
           transform: translate3d(0, 101%, 0);
   -webkit-animation: 1s slideIn forwards;
           animation: 1s slideIn forwards;
}
 h1 > span:nth-child(2) .reveal {
   -webkit-animation-delay: 0.25s;
           animation-delay: 0.25s;
}
 h1 > span:nth-child(3) .reveal {
   -webkit-animation-delay: 0.5s;
           animation-delay: 0.5s;
}
 h1 > span:nth-child(4) .reveal {
   -webkit-animation-delay: 0.75s;
           animation-delay: 0.75s;
}
 @-webkit-keyframes slideIn {
   from {
     -webkit-transform: translate3d(0, 101%, 0);
             transform: translate3d(0, 101%, 0);
  }
   to {
     -webkit-transform: translate3d(0px, 0px, 0px);
             transform: translate3d(0px, 0px, 0px);
  }
}
 @keyframes slideIn {
   from {
     -webkit-transform: translate3d(0, 101%, 0);
             transform: translate3d(0, 101%, 0);
  }
   to {
     -webkit-transform: translate3d(0px, 0px, 0px);
             transform: translate3d(0px, 0px, 0px);
  }
}
 .chevron-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 100%;
}
 .chevron {
   position: relative;
   top: 0;
   z-index: 80;
   margin-top: 60px;
   opacity: 0;
   -webkit-animation: 1s fadeIn 2s forwards, hover 1.5s linear infinite;
           animation: 1s fadeIn 2s forwards, hover 1.5s linear infinite;
}
 @-webkit-keyframes hover {
   0%, 100% {
     top: 0;
  }
   50% {
     top: 8px;
  }
}
 @keyframes hover {
   0%, 100% {
     top: 0;
  }
   50% {
     top: 8px;
  }
}
 @-webkit-keyframes fadeIn {
   from {
     opacity: 0;
  }
   to {
     opacity: 1;
  }
}
 @keyframes fadeIn {
   from {
     opacity: 0;
  }
   to {
     opacity: 1;
  }
}
 .leaf, .berries {
   position: absolute;
   width: 150px;
   height: 150px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
}
 .leaf.size-1 svg, .leaf.size-2 svg {
   width: 110px;
}
 @media (min-width: 1024px) {
   .leaf.size-1 svg, .leaf.size-2 svg {
     width: 120px;
  }
}
 @media (min-width: 1400px) {
   .leaf.size-1 svg, .leaf.size-2 svg {
     width: 130px;
  }
}
 .leaf.size-3 svg, .leaf.size-4 svg, .leaf.size-5 svg {
   width: 130px;
}
 @media (min-width: 1024px) {
   .leaf.size-3 svg, .leaf.size-4 svg, .leaf.size-5 svg {
     width: 140px;
  }
}
 @media (min-width: 1400px) {
   .leaf.size-3 svg, .leaf.size-4 svg, .leaf.size-5 svg {
     width: 150px;
  }
}
 .leaf-overlap-1 {
   top: 0%;
   left: -105px;
   z-index: 70;
}
 .leaf-overlap-1 .twig-5 {
   stroke: #939f72;
}
 .leaf-overlap-2 {
   top: 44%;
   right: -80px;
   z-index: 70;
}
 .leaf-overlap-2 .twig-7 {
   stroke: #939f72;
}
 .leaf-overlap-3 {
   bottom: -30px;
   left: 30px;
   z-index: 70;
}
 .leaf-overlap-3 .twig-8 {
   stroke: #76805f;
}
 .leaf-0-0 {
   top: -75px;
   left: -75px;
   z-index: 10;
}
 .leaf-0-0 .twig-7 {
   stroke: #394629;
}
 .leaf-0-10 {
   top: -75px;
   left: calc(5% - 75px);
   z-index: 20;
}
 .leaf-0-10 .twig-8 {
   stroke: #49543e;
}
 .leaf-0-20 {
   top: -75px;
   left: calc(15% - 75px);
   z-index: 30;
}
 .leaf-0-20 .twig-5 {
   stroke: #40524a;
}
 .leaf-0-30 {
   top: -75px;
   left: calc(25% - 75px);
   z-index: 40;
}
 .leaf-0-30 .twig-6 {
   stroke: #4d6359;
}
 .leaf-0-40 {
   top: -75px;
   left: calc(35% - 75px);
   z-index: 50;
}
 .leaf-0-40 .twig-7 {
   stroke: #76805f;
}
 .leaf-0-50 {
   top: -75px;
   left: calc(45% - 75px);
   z-index: 10;
}
 .leaf-0-50 .twig-8 {
   stroke: #394629;
}
 .leaf-0-60 {
   top: -75px;
   left: calc(55% - 75px);
   z-index: 20;
}
 .leaf-0-60 .twig-5 {
   stroke: #49543e;
}
 .leaf-0-70 {
   top: -75px;
   left: calc(65% - 75px);
   z-index: 30;
}
 .leaf-0-70 .twig-6 {
   stroke: #40524a;
}
 .leaf-0-80 {
   top: -75px;
   left: calc(75% - 75px);
   z-index: 40;
}
 .leaf-0-80 .twig-7 {
   stroke: #4d6359;
}
 .leaf-0-90 {
   top: -75px;
   left: calc(85% - 75px);
   z-index: 50;
}
 .leaf-0-90 .twig-8 {
   stroke: #76805f;
}
 .leaf-0-100 {
   top: -75px;
   left: calc(95% - 75px);
   z-index: 10;
}
 .leaf-0-100 .twig-5 {
   stroke: #394629;
}
 .leaf-10-0 {
   top: -75px;
   left: -75px;
   z-index: 20;
}
 .leaf-10-0 .twig-8 {
   stroke: #49543e;
}
 .leaf-10-10 {
   top: calc(10% - 75px);
   left: calc(10% - 75px);
   z-index: 30;
}
 .leaf-10-10 .twig-5 {
   stroke: #40524a;
}
 .leaf-10-20 {
   top: calc(10% - 75px);
   left: calc(20% - 75px);
   z-index: 40;
}
 .leaf-10-20 .twig-6 {
   stroke: #4d6359;
}
 .leaf-10-30 {
   top: calc(10% - 75px);
   left: calc(30% - 75px);
   z-index: 50;
}
 .leaf-10-30 .twig-7 {
   stroke: #76805f;
}
 .leaf-10-40 {
   top: calc(10% - 75px);
   left: calc(40% - 75px);
   z-index: 10;
}
 .leaf-10-40 .twig-8 {
   stroke: #394629;
}
 .leaf-10-50 {
   top: calc(10% - 75px);
   left: calc(50% - 75px);
   z-index: 20;
}
 .leaf-10-50 .twig-5 {
   stroke: #49543e;
}
 .leaf-10-60 {
   top: calc(10% - 75px);
   left: calc(60% - 75px);
   z-index: 30;
}
 .leaf-10-60 .twig-6 {
   stroke: #40524a;
}
 .leaf-10-70 {
   top: calc(10% - 75px);
   left: calc(70% - 75px);
   z-index: 40;
}
 .leaf-10-70 .twig-7 {
   stroke: #4d6359;
}
 .leaf-10-80 {
   top: calc(10% - 75px);
   left: calc(80% - 75px);
   z-index: 50;
}
 .leaf-10-80 .twig-8 {
   stroke: #76805f;
}
 .leaf-10-90 {
   top: calc(10% - 75px);
   left: calc(90% - 75px);
   z-index: 10;
}
 .leaf-10-90 .twig-5 {
   stroke: #394629;
}
 .leaf-10-100 {
   top: calc(10% - 75px);
   left: calc(100% - 75px);
   z-index: 20;
}
 .leaf-10-100 .twig-6 {
   stroke: #49543e;
}
 .leaf-20-0 {
   top: calc(20% - 75px);
   left: -75px;
   z-index: 30;
}
 .leaf-20-0 .twig-5 {
   stroke: #40524a;
}
 .leaf-20-10 {
   top: calc(20% - 75px);
   left: calc(5% - 75px);
   z-index: 40;
}
 .leaf-20-10 .twig-6 {
   stroke: #4d6359;
}
 .leaf-20-20 {
   top: calc(20% - 75px);
   left: calc(15% - 75px);
   z-index: 50;
}
 .leaf-20-20 .twig-7 {
   stroke: #76805f;
}
 .leaf-20-30 {
   top: calc(20% - 75px);
   left: calc(25% - 75px);
   z-index: 10;
}
 .leaf-20-30 .twig-8 {
   stroke: #394629;
}
 .leaf-20-40 {
   top: calc(20% - 75px);
   left: calc(35% - 75px);
   z-index: 20;
}
 .leaf-20-40 .twig-5 {
   stroke: #49543e;
}
 .leaf-20-50 {
   top: calc(20% - 75px);
   left: calc(45% - 75px);
   z-index: 30;
}
 .leaf-20-50 .twig-6 {
   stroke: #40524a;
}
 .leaf-20-60 {
   top: calc(20% - 75px);
   left: calc(55% - 75px);
   z-index: 40;
}
 .leaf-20-60 .twig-7 {
   stroke: #4d6359;
}
 .leaf-20-70 {
   top: calc(20% - 75px);
   left: calc(65% - 75px);
   z-index: 50;
}
 .leaf-20-70 .twig-8 {
   stroke: #76805f;
}
 .leaf-20-80 {
   top: calc(20% - 75px);
   left: calc(75% - 75px);
   z-index: 10;
}
 .leaf-20-80 .twig-5 {
   stroke: #394629;
}
 .leaf-20-90 {
   top: calc(20% - 75px);
   left: calc(85% - 75px);
   z-index: 20;
}
 .leaf-20-90 .twig-6 {
   stroke: #49543e;
}
 .leaf-20-100 {
   top: calc(20% - 75px);
   left: calc(95% - 75px);
   z-index: 30;
}
 .leaf-20-100 .twig-7 {
   stroke: #40524a;
}
 .leaf-30-0 {
   top: calc(30% - 75px);
   left: -75px;
   z-index: 40;
}
 .leaf-30-0 .twig-6 {
   stroke: #4d6359;
}
 .leaf-30-10 {
   top: calc(30% - 75px);
   left: calc(10% - 75px);
   z-index: 50;
}
 .leaf-30-10 .twig-7 {
   stroke: #76805f;
}
 .leaf-30-20 {
   top: calc(30% - 75px);
   left: calc(20% - 75px);
   z-index: 10;
}
 .leaf-30-20 .twig-8 {
   stroke: #394629;
}
 .leaf-30-30 {
   top: calc(30% - 75px);
   left: calc(30% - 75px);
   z-index: 20;
}
 .leaf-30-30 .twig-5 {
   stroke: #49543e;
}
 .leaf-30-40 {
   top: calc(30% - 75px);
   left: calc(40% - 75px);
   z-index: 30;
}
 .leaf-30-40 .twig-6 {
   stroke: #40524a;
}
 .leaf-30-50 {
   top: calc(30% - 75px);
   left: calc(50% - 75px);
   z-index: 40;
}
 .leaf-30-50 .twig-7 {
   stroke: #4d6359;
}
 .leaf-30-60 {
   top: calc(30% - 75px);
   left: calc(60% - 75px);
   z-index: 50;
}
 .leaf-30-60 .twig-8 {
   stroke: #76805f;
}
 .leaf-30-70 {
   top: calc(30% - 75px);
   left: calc(70% - 75px);
   z-index: 10;
}
 .leaf-30-70 .twig-5 {
   stroke: #394629;
}
 .leaf-30-80 {
   top: calc(30% - 75px);
   left: calc(80% - 75px);
   z-index: 20;
}
 .leaf-30-80 .twig-6 {
   stroke: #49543e;
}
 .leaf-30-90 {
   top: calc(30% - 75px);
   left: calc(90% - 75px);
   z-index: 30;
}
 .leaf-30-90 .twig-7 {
   stroke: #40524a;
}
 .leaf-30-100 {
   top: calc(30% - 75px);
   left: calc(100% - 75px);
   z-index: 40;
}
 .leaf-30-100 .twig-8 {
   stroke: #4d6359;
}
 .leaf-40-0 {
   top: calc(40% - 75px);
   left: -75px;
   z-index: 50;
}
 .leaf-40-0 .twig-7 {
   stroke: #76805f;
}
 .leaf-40-10 {
   top: calc(40% - 75px);
   left: calc(5% - 75px);
   z-index: 10;
}
 .leaf-40-10 .twig-8 {
   stroke: #394629;
}
 .leaf-40-20 {
   top: calc(40% - 75px);
   left: calc(15% - 75px);
   z-index: 20;
}
 .leaf-40-20 .twig-5 {
   stroke: #49543e;
}
 .leaf-40-30 {
   top: calc(40% - 75px);
   left: calc(25% - 75px);
   z-index: 30;
}
 .leaf-40-30 .twig-6 {
   stroke: #40524a;
}
 .leaf-40-40 {
   top: calc(40% - 75px);
   left: calc(35% - 75px);
   z-index: 40;
}
 .leaf-40-40 .twig-7 {
   stroke: #4d6359;
}
 .leaf-40-50 {
   top: calc(40% - 75px);
   left: calc(45% - 75px);
   z-index: 50;
}
 .leaf-40-50 .twig-8 {
   stroke: #76805f;
}
 .leaf-40-60 {
   top: calc(40% - 75px);
   left: calc(55% - 75px);
   z-index: 10;
}
 .leaf-40-60 .twig-5 {
   stroke: #394629;
}
 .leaf-40-70 {
   top: calc(40% - 75px);
   left: calc(65% - 75px);
   z-index: 20;
}
 .leaf-40-70 .twig-6 {
   stroke: #49543e;
}
 .leaf-40-80 {
   top: calc(40% - 75px);
   left: calc(75% - 75px);
   z-index: 30;
}
 .leaf-40-80 .twig-7 {
   stroke: #40524a;
}
 .leaf-40-90 {
   top: calc(40% - 75px);
   left: calc(85% - 75px);
   z-index: 40;
}
 .leaf-40-90 .twig-8 {
   stroke: #4d6359;
}
 .leaf-40-100 {
   top: calc(40% - 75px);
   left: calc(95% - 75px);
   z-index: 50;
}
 .leaf-40-100 .twig-5 {
   stroke: #76805f;
}
 .leaf-50-0 {
   top: calc(50% - 75px);
   left: -75px;
   z-index: 10;
}
 .leaf-50-0 .twig-5 {
   stroke: #394629;
}
 .leaf-50-10 {
   top: calc(50% - 75px);
   left: calc(10% - 75px);
   z-index: 20;
}
 .leaf-50-10 .twig-6 {
   stroke: #49543e;
}
 .leaf-50-20 {
   top: calc(50% - 75px);
   left: calc(20% - 75px);
   z-index: 30;
}
 .leaf-50-20 .twig-7 {
   stroke: #40524a;
}
 .leaf-50-30 {
   top: calc(50% - 75px);
   left: calc(30% - 75px);
   z-index: 40;
}
 .leaf-50-30 .twig-8 {
   stroke: #4d6359;
}
 .leaf-50-40 {
   top: calc(50% - 75px);
   left: calc(40% - 75px);
   z-index: 50;
}
 .leaf-50-40 .twig-5 {
   stroke: #76805f;
}
 .leaf-50-50 {
   top: calc(50% - 75px);
   left: calc(50% - 75px);
   z-index: 10;
}
 .leaf-50-50 .twig-6 {
   stroke: #394629;
}
 .leaf-50-60 {
   top: calc(50% - 75px);
   left: calc(60% - 75px);
   z-index: 20;
}
 .leaf-50-60 .twig-7 {
   stroke: #49543e;
}
 .leaf-50-70 {
   top: calc(50% - 75px);
   left: calc(70% - 75px);
   z-index: 30;
}
 .leaf-50-70 .twig-8 {
   stroke: #40524a;
}
 .leaf-50-80 {
   top: calc(50% - 75px);
   left: calc(80% - 75px);
   z-index: 40;
}
 .leaf-50-80 .twig-5 {
   stroke: #4d6359;
}
 .leaf-50-90 {
   top: calc(50% - 75px);
   left: calc(90% - 75px);
   z-index: 50;
}
 .leaf-50-90 .twig-6 {
   stroke: #76805f;
}
 .leaf-50-100 {
   top: calc(50% - 75px);
   left: calc(100% - 75px);
   z-index: 10;
}
 .leaf-50-100 .twig-7 {
   stroke: #394629;
}
 .leaf-60-0 {
   top: calc(60% - 75px);
   left: calc(5% - 75px);
   z-index: 20;
}
 .leaf-60-0 .twig-7 {
   stroke: #49543e;
}
 .leaf-60-10 {
   top: calc(60% - 75px);
   left: calc(15% - 75px);
   z-index: 30;
}
 .leaf-60-10 .twig-8 {
   stroke: #40524a;
}
 .leaf-60-20 {
   top: calc(60% - 75px);
   left: calc(25% - 75px);
   z-index: 40;
}
 .leaf-60-20 .twig-5 {
   stroke: #4d6359;
}
 .leaf-60-30 {
   top: calc(60% - 75px);
   left: calc(35% - 75px);
   z-index: 50;
}
 .leaf-60-30 .twig-6 {
   stroke: #76805f;
}
 .leaf-60-40 {
   top: calc(60% - 75px);
   left: calc(45% - 75px);
   z-index: 10;
}
 .leaf-60-40 .twig-7 {
   stroke: #394629;
}
 .leaf-60-50 {
   top: calc(60% - 75px);
   left: calc(55% - 75px);
   z-index: 20;
}
 .leaf-60-50 .twig-8 {
   stroke: #49543e;
}
 .leaf-60-60 {
   top: calc(60% - 75px);
   left: calc(65% - 75px);
   z-index: 30;
}
 .leaf-60-60 .twig-5 {
   stroke: #40524a;
}
 .leaf-60-70 {
   top: calc(60% - 75px);
   left: calc(75% - 75px);
   z-index: 40;
}
 .leaf-60-70 .twig-6 {
   stroke: #4d6359;
}
 .leaf-60-80 {
   top: calc(60% - 75px);
   left: calc(85% - 75px);
   z-index: 50;
}
 .leaf-60-80 .twig-7 {
   stroke: #76805f;
}
 .leaf-60-90 {
   top: calc(60% - 75px);
   left: calc(95% - 75px);
   z-index: 10;
}
 .leaf-60-90 .twig-8 {
   stroke: #394629;
}
 .leaf-60-100 {
   top: calc(60% - 75px);
   left: calc(105% - 75px);
   z-index: 20;
}
 .leaf-60-100 .twig-5 {
   stroke: #49543e;
}
 .leaf-70-0 {
   top: calc(70% - 75px);
   left: -75px;
   z-index: 30;
}
 .leaf-70-0 .twig-5 {
   stroke: #40524a;
}
 .leaf-70-10 {
   top: calc(70% - 75px);
   left: calc(10% - 75px);
   z-index: 40;
}
 .leaf-70-10 .twig-6 {
   stroke: #4d6359;
}
 .leaf-70-20 {
   top: calc(70% - 75px);
   left: calc(20% - 75px);
   z-index: 50;
}
 .leaf-70-20 .twig-7 {
   stroke: #76805f;
}
 .leaf-70-30 {
   top: calc(70% - 75px);
   left: calc(30% - 75px);
   z-index: 10;
}
 .leaf-70-30 .twig-8 {
   stroke: #394629;
}
 .leaf-70-40 {
   top: calc(70% - 75px);
   left: calc(40% - 75px);
   z-index: 20;
}
 .leaf-70-40 .twig-5 {
   stroke: #49543e;
}
 .leaf-70-50 {
   top: calc(70% - 75px);
   left: calc(50% - 75px);
   z-index: 30;
}
 .leaf-70-50 .twig-6 {
   stroke: #40524a;
}
 .leaf-70-60 {
   top: calc(70% - 75px);
   left: calc(60% - 75px);
   z-index: 40;
}
 .leaf-70-60 .twig-7 {
   stroke: #4d6359;
}
 .leaf-70-70 {
   top: calc(70% - 75px);
   left: calc(70% - 75px);
   z-index: 50;
}
 .leaf-70-70 .twig-8 {
   stroke: #76805f;
}
 .leaf-70-80 {
   top: calc(70% - 75px);
   left: calc(80% - 75px);
   z-index: 10;
}
 .leaf-70-80 .twig-5 {
   stroke: #394629;
}
 .leaf-70-90 {
   top: calc(70% - 75px);
   left: calc(90% - 75px);
   z-index: 20;
}
 .leaf-70-90 .twig-6 {
   stroke: #49543e;
}
 .leaf-70-100 {
   top: calc(70% - 75px);
   left: calc(100% - 75px);
   z-index: 30;
}
 .leaf-70-100 .twig-7 {
   stroke: #40524a;
}
 .leaf-80-0 {
   top: calc(80% - 75px);
   left: calc(5% - 75px);
   z-index: 40;
}
 .leaf-80-0 .twig-6 {
   stroke: #4d6359;
}
 .leaf-80-10 {
   top: calc(80% - 75px);
   left: calc(15% - 75px);
   z-index: 50;
}
 .leaf-80-10 .twig-7 {
   stroke: #76805f;
}
 .leaf-80-20 {
   top: calc(80% - 75px);
   left: calc(25% - 75px);
   z-index: 10;
}
 .leaf-80-20 .twig-8 {
   stroke: #394629;
}
 .leaf-80-30 {
   top: calc(80% - 75px);
   left: calc(35% - 75px);
   z-index: 20;
}
 .leaf-80-30 .twig-5 {
   stroke: #49543e;
}
 .leaf-80-40 {
   top: calc(80% - 75px);
   left: calc(45% - 75px);
   z-index: 30;
}
 .leaf-80-40 .twig-6 {
   stroke: #40524a;
}
 .leaf-80-50 {
   top: calc(80% - 75px);
   left: calc(55% - 75px);
   z-index: 40;
}
 .leaf-80-50 .twig-7 {
   stroke: #4d6359;
}
 .leaf-80-60 {
   top: calc(80% - 75px);
   left: calc(65% - 75px);
   z-index: 50;
}
 .leaf-80-60 .twig-8 {
   stroke: #76805f;
}
 .leaf-80-70 {
   top: calc(80% - 75px);
   left: calc(75% - 75px);
   z-index: 10;
}
 .leaf-80-70 .twig-5 {
   stroke: #394629;
}
 .leaf-80-80 {
   top: calc(80% - 75px);
   left: calc(85% - 75px);
   z-index: 20;
}
 .leaf-80-80 .twig-6 {
   stroke: #49543e;
}
 .leaf-80-90 {
   top: calc(80% - 75px);
   left: calc(95% - 75px);
   z-index: 30;
}
 .leaf-80-90 .twig-7 {
   stroke: #40524a;
}
 .leaf-80-100 {
   top: calc(80% - 75px);
   left: calc(105% - 75px);
   z-index: 40;
}
 .leaf-80-100 .twig-8 {
   stroke: #4d6359;
}
 .leaf-90-0 {
   top: calc(90% - 75px);
   left: -75px;
   z-index: 50;
}
 .leaf-90-0 .twig-7 {
   stroke: #76805f;
}
 .leaf-90-10 {
   top: calc(90% - 75px);
   left: calc(10% - 75px);
   z-index: 10;
}
 .leaf-90-10 .twig-8 {
   stroke: #394629;
}
 .leaf-90-20 {
   top: calc(90% - 75px);
   left: calc(20% - 75px);
   z-index: 20;
}
 .leaf-90-20 .twig-5 {
   stroke: #49543e;
}
 .leaf-90-30 {
   top: calc(90% - 75px);
   left: calc(30% - 75px);
   z-index: 30;
}
 .leaf-90-30 .twig-6 {
   stroke: #40524a;
}
 .leaf-90-40 {
   top: calc(90% - 75px);
   left: calc(40% - 75px);
   z-index: 40;
}
 .leaf-90-40 .twig-7 {
   stroke: #4d6359;
}
 .leaf-90-50 {
   top: calc(90% - 75px);
   left: calc(50% - 75px);
   z-index: 50;
}
 .leaf-90-50 .twig-8 {
   stroke: #76805f;
}
 .leaf-90-60 {
   top: calc(90% - 75px);
   left: calc(60% - 75px);
   z-index: 10;
}
 .leaf-90-60 .twig-5 {
   stroke: #394629;
}
 .leaf-90-70 {
   top: calc(90% - 75px);
   left: calc(70% - 75px);
   z-index: 20;
}
 .leaf-90-70 .twig-6 {
   stroke: #49543e;
}
 .leaf-90-80 {
   top: calc(90% - 75px);
   left: calc(80% - 75px);
   z-index: 30;
}
 .leaf-90-80 .twig-7 {
   stroke: #40524a;
}
 .leaf-90-90 {
   top: calc(90% - 75px);
   left: calc(90% - 75px);
   z-index: 40;
}
 .leaf-90-90 .twig-8 {
   stroke: #4d6359;
}
 .leaf-90-100 {
   top: calc(90% - 75px);
   left: calc(100% - 75px);
   z-index: 50;
}
 .leaf-90-100 .twig-5 {
   stroke: #76805f;
}
 .leaf-100-0 {
   top: calc(100% - 75px);
   left: calc(5% - 75px);
   z-index: 10;
}
 .leaf-100-0 .twig-7 {
   stroke: #394629;
}
 .leaf-100-10 {
   top: calc(100% - 75px);
   left: calc(15% - 75px);
   z-index: 20;
}
 .leaf-100-10 .twig-8 {
   stroke: #49543e;
}
 .leaf-100-20 {
   top: calc(100% - 75px);
   left: calc(25% - 75px);
   z-index: 30;
}
 .leaf-100-20 .twig-5 {
   stroke: #40524a;
}
 .leaf-100-30 {
   top: calc(100% - 75px);
   left: calc(35% - 75px);
   z-index: 40;
}
 .leaf-100-30 .twig-6 {
   stroke: #4d6359;
}
 .leaf-100-40 {
   top: calc(100% - 75px);
   left: calc(45% - 75px);
   z-index: 50;
}
 .leaf-100-40 .twig-7 {
   stroke: #76805f;
}
 .leaf-100-50 {
   top: calc(100% - 75px);
   left: calc(55% - 75px);
   z-index: 10;
}
 .leaf-100-50 .twig-8 {
   stroke: #394629;
}
 .leaf-100-60 {
   top: calc(100% - 75px);
   left: calc(65% - 75px);
   z-index: 20;
}
 .leaf-100-60 .twig-5 {
   stroke: #49543e;
}
 .leaf-100-70 {
   top: calc(100% - 75px);
   left: calc(75% - 75px);
   z-index: 30;
}
 .leaf-100-70 .twig-6 {
   stroke: #40524a;
}
 .leaf-100-80 {
   top: calc(100% - 75px);
   left: calc(85% - 75px);
   z-index: 40;
}
 .leaf-100-80 .twig-7 {
   stroke: #4d6359;
}
 .leaf-100-90 {
   top: calc(100% - 75px);
   left: calc(95% - 75px);
   z-index: 50;
}
 .leaf-100-90 .twig-8 {
   stroke: #76805f;
}
 .leaf-100-100 {
   top: calc(100% - 75px);
   left: calc(105% - 75px);
   z-index: 10;
}
 .leaf-100-100 .twig-5 {
   stroke: #394629;
}
 .berries-1 {
   top: 15%;
   left: 10%;
   z-index: 10;
}
 .berries-2 {
   top: 80%;
   left: 65%;
   z-index: 20;
}
 .berries-3 {
   top: 35%;
   left: 80%;
   z-index: 30;
}
 .berries svg {
   width: 70px;
}
 @media (min-width: 1024px) {
   .berries svg {
     width: 90px;
  }
}
 @media (min-width: 1400px) {
   .berries svg {
     width: 100px;
  }
}
 footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: -webkit-gradient(linear, left bottom, right top, from(#fcd734), to(#ffe261));
   background: -o-linear-gradient(bottom left, #fcd734, #ffe261);
   background: linear-gradient(to top right, #fcd734, #ffe261);
}
 footer div {
   width: 80%;
   margin: 100px auto;
}
 h3 {
   margin: 1.5rem 0;
   padding: 0;
   text-align: center;
   font-family: 'Open Sans', sans-serif;
   font-size: 1.6rem;
   font-weight: 600;
   line-height: 1.5;
   color: #40524a;
}
 .footer-twig-wrapper {
   width: 100px;
   margin: 2rem auto 0 auto;
}
 #footer-twig {
   stroke: #40524a;
}