<div class="scrolled-pages__logo">
  <div class="row">
    <div class="col-xs-8 col-xs-offset-2 col-sm-6 col-sm-offset-3 col-md-12 col-md-offset-0">
      <img class="img-responsive" src="./assets/images/tana-logo.png" alt="Tana logotip">
    </div>
  </div>
</div>
<div class="scrolled-pages__container">
  <section class="scrolled-pages__page scrolled-pages__page-1">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <div class="about-box">
            <div class="row">
              <div class="col-xs-12 col-sm-6 col-sm-push-6 v-center">
                <div class="about-text about-text--offset-left">
                  <p>You need a trustworthy partner and legal advice on all matters IP, trade or corporate for your small or large scale business in the SEE region. </p>
                  <p>Tana is your one-stop IP rights solution.</p>
                </div>
              </div><div class="col-xs-12 col-sm-6 col-sm-pull-6 v-center">
                <div class="aspectratio" data-ratio="10:1">
                  <div class="aspectratio__item">
                    <div class="slider slider--offset-left">
                      <div class="slider__images faded">
                        <img class="slider__image img-responsive" src="./assets/images/about-apple.png">
                        <img class="slider__image img-responsive" src="./assets/images/about-homo-volans.png">
                      </div>
                      <svg class="slider__circle">
                        <circle class="slider__circle-shape" stroke="#1428aa" stroke-width="20" fill="transparent" r="45%" cx="50%" cy="50%"></circle>
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="scrolled-pages__page scrolled-pages__page-2">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <div class="about-box">
            <div class="row">
              <div class="col-xs-12 col-sm-6 v-center">
                <div class="about-text about-text--offset-right">
                  <p>Gain 25 years of experience, expert attorneys and a team of multilingual associates with specialist industry knowledge in an instant.</p>
                  <p>Clients from both of the Americas, EU, Middle East, Asia, Australia trust us with IP rights prosecution, enforcement and legal advice.</p>
                  <p>So can you.</p>
                </div>
                <div class="row">
                  <div class="col-xs-12 visible-xs text-center">
                    <button class="btn btn--primary btn--spaced" data-open-subpage data-subpage-type="about">Company profile</button>
                  </div>
                </div>
              </div><div class="col-xs-12 col-sm-6 v-center"><!-- Important that there is no whitespace between these two columns because of display: inline-block; -->
                <div class="aspectratio" data-ratio="10:1">
                  <div class="aspectratio__item">
                    <div class="slider slider--offset-right">
                      <div class="slider__images faded">
                        <img class="slider__image img-responsive" src="./assets/images/about-homo-volans.png">
                        <img class="slider__image img-responsive" src="./assets/images/about-apple.png">
                      </div>
                      <svg class="slider__circle">
                        <circle class="slider__circle-shape" stroke="#1428aa" stroke-width="20" fill="transparent" r="45%" cx="50%" cy="50%"></circle>
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 hidden-xs text-center">
          <button class="btn btn--primary" data-open-subpage data-subpage-type="about">Company profile</button>
        </div>
      </div>
    </div>
  </section>
</div>