anchor.diff:        <div class="inner">
           <section class="section-content">
             <div class="left-col">
  +
               <!-- forest production -->
               <a href="#" id="production" class="anchor-country-info"></a>
               <section class="country-production" data-scroll-index='2'>
  
positive.code:       </div>
      </section>
  
      <!-- carbon stocks -->
      <section class="country-section" data-scroll-index='5'>
        <div class="inner">
  
          <div class="section-content">
  
            <div class="left-col">
  
              <!-- forest production -->
              <a href="#" id="production" class="anchor-country-info"></a>
              <section class="country-production" data-scroll-index='2'>
                  <div class="section-info section-share">
                    <h6>Economic value of <%= @country['name'] %>'s forestry sector</h6>
                    <div class="section-btn">
                      <%= render partial: "share_button", locals: {iso: @country['iso'], box: 'production', width: '600', height: '332'} %>
                      <a href="#" class="info icon green circle source" data-source="gross_value">
                        <svg>
                          <use xlink:href="#shape-info"></use>
                        </svg>
                      </a>
                    </div>
                  </div>
                  <div class="section-content">
                    <% if @country['gva'].present? && @country['gva'] > 0 %>
                    <h3 class="section-title">
                      The forestry sector contributed <span class="highlight">USD <%= gva_to_human(@country['gva'])%></span> to the economy in 2011, which is appoximately <span class="highlight"><%= @country['gva_percent'] %> of the GDP.</span>
                    </h3>
                    <% else %>
                    <div class="coming-soon">No data available</div>
                    <% end %>
                  </div>
              </section>
            </div>
          </div>
        </div>
      </section>
  
      <!-- conventions -->
      <section class='country-section country-conventions-section' data-scroll-index='6'>
        <div class='inner'>
  
negative.code:                   </div>
                  </div>
                  <div class="section-content">
                    <% if @country['gva'].present? && @country['gva'] > 0 %>
                    <h3 class="section-title">
                      The forestry sector contributed <span class="highlight">USD <%= gva_to_human(@country['gva'])%></span> to the economy in 2011, which is appoximately <span class="highlight"><%= @country['gva_percent'] %> of the GDP.</span>
                    </h3>
                    <% else %>
                    <div class="coming-soon">No data available</div>
                    <% end %>
                  </div>
              </section>
            </div>
  
            <div class="right-col">
              <!-- employment -->
              <a href="#" id="employment" class="anchor-country-info"></a>
  