<div class="vi-grid">
  <div class="vi-grid__row vi-grid__row--hgap-30">
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--arrow" href="#">
          kombucha bushwick
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              DIY tilde
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              whatever
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              DIY
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              ramps literally vinyl ennui
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              tofu vinegar
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              street hoodie pour-over brunch
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  offal
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      readymade
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      locavore sriracha
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  forage tilde
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      kickstarter wolf
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      forage
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              master readymade crucifix pitchfork
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  mixtape XOXO DIY
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      bitters
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      poutine ramps cliche XOXO
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  gluten-free VHS
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      humblebrag brooklyn polaroid pinterest
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      sriracha
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--arrow" href="#">
          seitan celiac intelligentsia
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              seitan park authentic
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              tumblr park
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              gentrify salvia kickstarter
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              wayfarers locavore
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              semiotics kogi chia heirloom
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              whatever
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  carry
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      truffaut farm-to-table
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      bushwick
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  phlogiston carry
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      poutine
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      squid schlitz
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              listicle tacos everyday farm-to-table
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  XOXO ennui quinoa
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      post-ironic slow-carb echo brooklyn
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      venmo
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  church-key
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      cleanse kinfolk keytar
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      brunch
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--locked" href="#">
          sriracha Godard pickled loko
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              authentic
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              umami
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              mumblecore cold-pressed migas
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              sartorial portland lomo
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              heirloom umami readymade
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              letterpress
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  typewriter
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      artisan synth distillery pitchfork
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      polaroid wolf
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  schlitz leggings banjo organic
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      neutra brunch listicle
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      portland whatever vice goth
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              tumblr Godard vinegar
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  gluten-free sartorial aesthetic tousled
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      vinyl normcore carry
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      fixie ennui sriracha
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  kitsch vegan
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      banjo
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      schlitz YOLO Yuccie
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--arrow" href="#">
          distillery locavore meditation
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              cray
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              ugh
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              vinegar park
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              wayfarers carry poutine
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              kogi kinfolk cleanse mixtape
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              Godard mlkshk
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  retro
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      Thundercats cray
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      drinking offal cold-pressed
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  echo readymade chia offal
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      brooklyn vegan twee salvia
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      slow-carb vice
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              waistcoat
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  kickstarter vinyl selvage mumblecore
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      authentic echo
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      salvia tilde cronut
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  pitchfork
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      truffaut dreamcatcher mumblecore
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      kombucha neutra
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-sm-12 col-md-6">
      <!-- Sitemap  -->
      <div class="vi-sitemap">
        <a class="vi-sitemap__link vi-sitemap__link--title vi-sitemap__link--arrow" href="#">
          listicle
        </a>
        <ul class="vi-sitemap__list">
          <!-- / Sitemap list items -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              chartreuse poutine health cold-pressed
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              helvetica cold-pressed yr
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              listicle cornhole ramps schlitz
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              pitchfork 8-bit occupy
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              Thundercats letterpress
            </a>
            <a class="vi-sitemap__collection" href="#">
              86 articles
            </a>
          </li>
          <!-- / sitemap list items with several sublists -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              taxidermy mlkshk
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  kitsch actually
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      tattooed
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      readymade
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  church-key fingerstache 90's
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      bespoke
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      lo-fi franzen
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              VHS brooklyn lomo
            </a>
            <ul class="vi-sitemap__list vi-sitemap__list--sub">
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                  chillwave authentic skateboard church-key
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      artisan fixie
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      mustache knausgaard artisan
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  hoodie
                </a>
                <a class="vi-sitemap__collection" href="#">
                  21 articles
                </a>
                <ul class="vi-sitemap__list vi-sitemap__list--sub">
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      chartreuse retro
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      poutine street PBR&amp;B
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>