<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="#">
          tumblr pitchfork
        </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="#">
              vice retro
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              lomo keytar
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              yr lumbersexual farm-to-table
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              tattooed pabst try-hard
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              cronut scenester
            </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="#">
              migas etsy swag leggings
            </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="#">
                  pickled hoodie 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="#">
                      chillwave taxidermy
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      iPhone schlitz
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  forage
                </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="#">
                      yr phlogiston vice kombucha
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      austin sustainable
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              chillwave flannel
            </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="#">
                  fingerstache
                </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="#">
                      pickled mlkshk
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      farm-to-table
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  cray gluten-free truffaut
                </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="#">
                      phlogiston meggings wayfarers
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      chia letterpress
                    </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="#">
          aesthetic Yuccie vinyl
        </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="#">
              health hella carry forage
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              bitters sustainable
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              selvage roof seitan dreamcatcher
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              kickstarter cleanse
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              humblebrag waistcoat bitters
            </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="#">
              brooklyn organic
            </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="#">
                  kogi 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="#">
                      pickled chia tattooed
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      twee PBR&amp;B
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  portland tilde asymmetrical street
                </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="#">
                      actually
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      XOXO synth readymade
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              butcher
            </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="#">
                  mlkshk
                </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="#">
                      slow-carb wolf chartreuse
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  YOLO
                </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="#">
                      heirloom
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      williamsburg keffiyeh distillery
                    </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="#">
          ramps
        </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="#">
              hella iPhone brunch
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              tilde slow-carb
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              roof fingerstache 90's
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              scenester gastropub readymade
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              health twee meggings synth
            </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="#">
              etsy meh
            </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="#">
                  master post-ironic 90's lomo
                </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="#">
                      90's mumblecore neutra migas
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      truffaut Godard
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  shoreditch
                </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="#">
                      scenester church-key listicle microdosing
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      polaroid authentic marfa
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
              park
            </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="#">
                  bitters cliche park goth
                </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="#">
                      scenester humblebrag
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      PBR&amp;B quinoa
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  tilde shoreditch umami humblebrag
                </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="#">
                      pickled waistcoat
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      whatever shoreditch selvage drinking
                    </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="#">
          chambray seitan cliche readymade
        </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="#">
              actually selfies authentic
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              fixie offal
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              freegan
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              echo goth disrupt
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              truffaut meggings
            </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="#">
              kinfolk squid tattooed butcher
            </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="#">
                  kombucha
                </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="#">
                      +1 carry
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      paleo
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  tumblr drinking artisan
                </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="#">
                      wolf health
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      truffaut distillery street seitan
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              blog authentic church-key umami
            </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="#">
                  austin
                </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="#">
                      dreamcatcher
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      wolf organic synth kombucha
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  slow-carb mlkshk mustache schlitz
                </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="#">
                      XOXO normcore
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      twee shoreditch
                    </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="#">
          sartorial waistcoat
        </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="#">
              forage
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              retro swag quinoa
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              mustache wayfarers hammock roof
            </a>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              meditation ugh humblebrag
            </a>
          </li>
          <!-- / Sitemap list item with collection -->
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              drinking bushwick
            </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="#">
              DIY
            </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="#">
                  VHS 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="#">
                      ugh
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      aesthetic
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  bespoke Yuccie
                </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="#">
                      keytar health Thundercats park
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      cardigan
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="vi-sitemap__list-item">
            <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
              locavore
            </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="#">
                  echo
                </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="#">
                      vinyl YOLO keffiyeh
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--arrow" href="#">
                      etsy kinfolk
                    </a>
                  </li>
                </ul>
              </li>
              <li class="vi-sitemap__list-item">
                <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                  literally gastropub brunch gastropub
                </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="#">
                      selfies
                    </a>
                  </li>
                  <li class="vi-sitemap__list-item">
                    <a class="vi-sitemap__link vi-sitemap__link--locked" href="#">
                      skateboard 90's
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>