<p>
  <link href="https://www.mimco.co.nz/images/assetimages/homepage/2020/Stylesheets/JAS-V24.css" rel="stylesheet" /> <link href="https://www.mimco.co.nz/images/assetimages/homepage/2019/Stylesheets/AMJ_v2.css" rel="stylesheet" /> <link href="https://www.mimco.co.nz/images/assetimages/homepage/2020/Stylesheets/owl.theme.default.min.css" rel="stylesheet" />
  <link href="https://www.mimco.co.nz/images/assetimages/homepage/2020/Stylesheets/owl.carousel.min.css" rel="stylesheet" />
</p>
<style>
  @media (max-width: 890px) {
    #fullpage,
    #mobile-hp {
      margin-bottom: 0;
      padding-bottom: 0;
    }
  }

  .main_style {
    background-color: #26576c;
    text-align: center;
  }

  .top_section {
    padding: 0 0 76px;
  }

  .top_section h1 {
    color: #f0d4ca;
    font-family: Gotham Medium;
    font-size: 50px;
    letter-spacing: 0.83px;
    line-height: 68px;
    padding: 0 0 12px;
  }

  .top_section h2 {
    color: #ffffff;
    font-family: Gotham;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.5px;
    line-height: 24px;
    text-align: center;
    padding: 0 0 44px;
  }

  .four_sel {
    display: flex;
    justify-content: center;
  }

  .four_sel > div {
    width: 14%;
  }

  .div_pad {
    padding: 0 0 17px;
  }

  .four_sel h2 {
    color: #f0d4ca;
    font-family: Gotham;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 11px 0 5px;
  }

  .four_sel a {
    color: #ffffff !important;
    font-family: Gotham;
    font-size: 8px;
    font-weight: 300;
    letter-spacing: 1.5px;
    line-height: 24px;
    padding: 0 0 10px;
    text-transform: uppercase !important;
    text-decoration: none;
  }

  .gifpadd {
    padding: 45px 0 51px;
  }

  .arrow {
    position: relative;
    bottom: 6%;
    left: 0%;
    width: 14px;
    height: 8px;
    margin: auto;
    /**
   * Dark Arrow Down
   */
    background-image: url('https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/arrows/bounce-arrow.png');
    background-size: contain;
  }

  .bounce:hover .arrow {
    animation: bounce 1.5s infinite;
  }

  @keyframes bounce {
    0%,
    20%,
    60%,
    100% {
      transform: translateY(0px);
    }

    40% {
      transform: translateY(3px);
    }

    80% {
      transform: translateY(3px);
    }
  }

  .info_box {
    display: flex;
    justify-content: center;
    flex-grow: 1;
    flex: 1;
    position: relative;
  }

  .info_box > div {
    width: 100%;
  }

  .responsive {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }

  /*From here on is each page's css*/

  .colour_one {
    background-color: #826f61;
    text-align: center;
    position: relative;
  }

  .colour_one h2 {
    color: #ffffff;
    font-family: Gotham Medium;
    font-size: 28px;
    letter-spacing: 1.5px;
    line-height: 55px;
    text-align: center;
    padding: 0 0 28px;
    margin: 0;
  }

  .colour_one p {
    color: #ffffff;
    font-family: Gotham;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center;
    padding: 0 0 115px;
    margin: 0;
  }

  .main_logo {
    padding: 7px 0 35px;
    width: 95px;
    height: 35px;
  }

  .main_logo-2 {
    padding: 7px 0 35px;
    width: 660.86px;
    height: 250px;
  }

  .bot_logo {
    padding: 0 0 91;
  }

  .step_logo {
    width: 50px;
    height: 50px;
  }

  .colour_two {
    background-color: #889193;
    text-align: center;
    position: relative;
  }

  .colour_two h3 {
    color: #ffffff;
    font-family: Gotham;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1.43px;
    line-height: 22px;
    text-align: center;
    padding: 34px 0 14px;
    margin: 0;
  }

  .colour_two h2 {
    color: #ffffff;
    font-family: Gotham;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1.43px;
    line-height: 22px;
    text-align: center;
    padding: 0 0 25px;
    margin: 0;
  }

  .colour_two p {
    color: #ffffff;
    font-family: Gotham;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: center;
    margin: auto !important;
    width: 442px;
  }

  .colour_two h4 {
    color: #422d21;
    font-family: Gotham Medium;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 55px;
    text-align: center;
    padding: 0;
    margin: 0;
  }

  .tempspace {
    padding: 23px 0 0;
  }

  .bottle {
    padding: 0 0 57px;
    width: 199px;
    height: 71px;
  }

  .link {
    color: #3f2e23;
    font-family: Gotham;
    font-size: 14px !important;
    font-weight: 300;
    letter-spacing: 0.73px !important;
    line-height: 24px;
    text-align: center;
  }

  .center_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    margin: 0 !important;
  }

  .img_space {
    padding: 40px 0 0;
  }

  .temp_padd {
    padding: 0 0 123px;
  }

  @media (max-width: 990px) {
    .info_box {
      flex-flow: column;
    }

    .content-mobile {
      display: block !important;
    }

    .content-hide {
      display: none !important;
    }

    .colour_one {
      background-color: #826f61;
      text-align: center;
      position: relative;
    }

    .colour_one h2 {
      color: #ffffff;
      font-family: Gotham Medium;
      font-size: 22px;
      letter-spacing: 1px;
      line-height: 27px;
      text-align: center;
      padding: 0 0 28px;
      margin: 0;
    }

    .colour_one p {
      color: #ffffff;
      font-family: Gotham;
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 1px;
      line-height: 24px;
      text-align: center;
      padding: 0 0 48px;
      margin: 0;
    }

    .main_logo {
      height: 36px;
      width: 98px;
      padding: 30px 0 0px;
    }

    .main_logo-2 {
      height: 287px;
      width: 309.69px;
      padding: 12px 0 0;
    }

    .bot_logo {
      padding: 0 0 91;
    }

    .colour_two {
      background-color: #889193;
      text-align: center;
      position: relative;
    }

    .colour_two h3 {
      color: #ffffff;
      font-family: Gotham;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 1.43px;
      line-height: 22px;
      text-align: center;
      padding: 30px 0 18px;
      margin: 0;
    }

    .colour_two h2 {
      color: #ffffff;
      font-family: Gotham;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 1.43px;
      line-height: 22px;
      text-align: center;
      padding: 0 0 14px;
      margin: 0;
    }

    .colour_two p {
      color: #ffffff;
      font-family: Gotham;
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 1px;
      line-height: 24px;
      text-align: center;
      margin: auto !important;
      width: 300px;
    }

    .colour_two h4 {
      color: #422d21;
      font-family: Gotham Medium;
      font-size: 20px;
      letter-spacing: 1px;
      line-height: 55px;
      text-align: center;
      padding: 0;
      margin: 0;
    }

    .bottle {
      padding: 0 0 21px;
    }

    .link {
      color: #3f2e23 !important;
      font-family: Gotham;
      font-size: 14px !important;
      font-weight: 300;
      letter-spacing: 0.73px !important;
      line-height: 24px;
      text-align: center;
    }

    .center_text {
      position: initial;
      left: 0;
      top: 0;
      transform: none;
      width: 100%;
      text-align: center;
      padding: 40px 0;
    }

    .img_space {
      padding: 13px 0 0;
    }

    .temp_padd {
      padding-bottom: 32px !important;
    }

    .top_section {
      padding: 28px 0 31px;
    }

    .top_section p {
      color: #f0d4ca;
      font-family: Gotham Medium;
      font-size: 20px;
      letter-spacing: 1.5px;
      line-height: 24px;
      text-align: center;
      padding: 14px 0 0;
    }

    .color_ov {
      background-color: #826f61 !important;
    }

    .text_ov {
      padding: 40px 0;
    }

    .textov {
      color: #fff !important;
    }

    .tempspace {
      padding-top: 13px !important;
    }
  }

  .textov {
    color: #fff !important;
  }

  .img_size {
    width: 81px;
    height: 81px;
  }
</style>
<div id="fullpage">
  <section class="main_style content-desktop">
    <div class="top_section">
      <img class="gifpadd" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/spin-gren.gif" border="0" alt="" />
      <h1>Thoughtful Design</h1>
      <h2>Sourcing materials, designing and creating<br class="content-desktop" />accessories with forever in mind.</h2>
      <div class="four_sel">
        <div class="bounce">
          <a href="/mimco/sustainability/thoughtful-design/our-story"><img class="img_size" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/ourstory.png" border="0" alt="" /></a>
          <h2>Our story</h2>
          <div class="div_pad"><a href="/mimco/sustainability/thoughtful-design/our-story">Find out more</a></div>
          <div class="arrow"></div>
        </div>
        <div class="bounce">
          <a href="/mimco/sustainability/thoughtful-design/recycled-lining"><img class="img_size" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/repreve.png" border="0" alt="" /></a>
          <h2>Recycled lining</h2>
          <div class="div_pad"><a href="/mimco/sustainability/thoughtful-design/recycled-lining">Find out more</a></div>
          <div class="arrow"></div>
        </div>
        <div class="bounce">
          <a href="/mimco/sustainability/thoughtful-design/vegan"><img class="img_size" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/vegan.png" border="0" alt="" /></a>
          <h2>Vegan accessories</h2>
          <div class="div_pad"><a href="/mimco/sustainability/thoughtful-design/vegan">Find out more</a></div>
          <div class="arrow"></div>
        </div>
        <div class="bounce">
          <a href="/mimco/sustainability/thoughtful-design/supporting-better-cotton"><img class="img_size" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/bci.png" border="0" alt="" /></a>
          <h2>Supporting better cotton</h2>
          <div class="div_pad"><a href="/mimco/sustainability/thoughtful-design/supporting-better-cotton">Find out more</a></div>
          <div class="arrow"></div>
        </div>
      </div>
    </div>
  </section>
  <section class="main_section">
    <div class="info_box">
      <div class="colour_two">
        <div class="center_text">
          <h2>
            Prickly Pear <br />
            Cactus Leather
          </h2>
          <div class="content-hide"><img class="main_logo" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/vegan-2.png" border="0" alt="Mimco - Shop New Vegan Bags" /></div>
          <p>Introducing a new range of vegan and PETA-approved accessories made from prickly pear cactus leaves, organically grown in Mexico.</p>
          <div class="content-mobile"><img class="main_logo" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/vegan-2.png" border="0" alt="Mimco - Shop New Vegan Bags" /></div>
          <h3>Why cactus leather?</h3>
          <div class="content-mobile"><img class="main_logo-2" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/v-icons-2-m.png" border="0" alt="" /></div>
          <div class="content-hide"><img class="main_logo-2" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/v-icons-d.png" border="0" alt="" /></div>
          <h3>What is vegan leather made from?</h3>
          <p>Vegan leather is a term used to describe alternatives to animal-based leather – from synthetic vegan leather (faux leather) to natural vegan leather made from organic materials. <br /><br />At Mimco, we’re committed to continually creating vegan-friendly handbags and accessories, crafted from innovative non-leather components and materials.</p>
          <div class="tempspace"><a class="link cta_one textov" href="/accessories-vegan-accessories/">Shop Vegan Accessories</a></div>
        </div>
      </div>
      <div class=""><img class="responsive" src="https://www.mimco.co.nz/images/assetimages/information_pages/2020/Sustainability/logos/vegan-img.jpg" border="0" alt="Mimco - Shop New Vegan Bags" /></div>
    </div>
  </section>
</div>


Thoughtful Design

Sourcing materials, designing and creating
accessories with forever in mind.

Our story

Recycled lining

Vegan accessories

Supporting better cotton

Prickly Pear
Cactus Leather

Why cactus leather?

What is vegan leather made from?