@media (min-width: 960px) {

  .infographic {
    border-bottom: 0;
    border-left: 1px solid #e8e8e8;
  }

  main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 100%;
  }

  .swiper-container {
    max-width: 32%;
    top: 0px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }

  .swiper-slide {
    padding-top: 21px;
    padding-right: 16px;
  }

  nav {
    position: absolute;
    left: -120px;
    right: auto;
    height: -webkit-calc( 100% - 48px);
    height: calc( 100% - 48px);
    top: 48px;
    background: transparent;
    pointer-events: none;
  }

  .fraction {
    text-align: right;
    padding-bottom: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  body {
    font-size: 18px;
  }

}