<% unless @for_pdf %>
  <footer style="<%= yield :footer_style %>" class="footer <%= yield :footer_classes %>">
    <p class="footer__element">
      <i class="fa fa-copyright"></i> ProtectedPlanet 2014-<%= Date.today.year %>. All rights reserved
    </p>

    <div class="<%= bem('footer__element', :logos, :right) %> flex-row align-items-center">
      <a class="unepwcmc-logo" href="http://www.unep-wcmc.org"></a>
      <a class="iucn-logo" href="http://www.iucn.org"></a>

      <% unless @for_pdf %>
        <div class="u-only-desktop <%= bem('footer__element', :right, :'no-push', :'with-separator') %>">
          <a class="<%= bem('uservoice', :'no-color', :bold) %>" href="mailto:protectedareas@unep-wcmc.org" data-uv-trigger>
            <i class="uservoice__icon fa fa-comment"></i>Send Feedback
          </a>
        </div>
      <% end %>

    </div>
  </footer>
<% end %>

<% unless @for_pdf %>
  <footer style="<%= yield :footer_style %>" class="footer <%= yield :footer_classes %>">
    <p class="footer__element">
      <i class="fa fa-copyright"></i> ProtectedPlanet 2014-<%= Date.today.year %>. All rights reserved
    </p>

    <div class="footer__element footer__element--logos flex-row align-items-center">
      <a class="unepwcmc-logo" href="http://www.unep-wcmc.org"></a>
      <a class="iucn-logo" href="http://www.iucn.org"></a>

      <% unless @for_pdf %>
        <div class="u-only-desktop footer__element--with-separator">
          <a class="<%= bem('uservoice', :'no-color', :bold) %>" href="mailto:protectedareas@unep-wcmc.org" data-uv-trigger>
            <i class="uservoice__icon fa fa-comment"></i>Send Feedback
          </a>
        </div>
      <% end %>

    </div>
  </footer>
<% end %>

Tweak classes in the footer
Tweak classes in the footer
