/* ==========================================================================
   Print -- http://coding.smashingmagazine.com/2013/03/08/tips-tricks-print-style-sheets/
   ========================================================================== */
@media print {
  /* high contrast for easy reading */
  body {
    color: black;
    background: white; }

  h1, h2, h3, h4, h5, h6 {
    color: black; }

  /* hide what isn't necessary for reading */
  .bar-cta,
  .brand-color-stripe,
  .breadcrumbs,
  .footer-social,
  .header-default,
  .head-phone-social,
  .hero-wide,
  .ico-social-media,
  #js-menu,
  .navigation-tablet,
  .navigation-default {
    display: none !important; }

  .wrapper-below-header {
    margin: 0 !important; }

  /* styles for the print only header, branding */
  .header-print {
    padding: 8px 10px;
    width: 100%;
  }

  .header-tablet img,
  .head-branding,
  .head-phone {
    display: inline-block;
  }

  .header-tablet img {
    height: 80px;
    width: 90px;
    filter: url(inverse.svg#negative);
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }

  .head-branding {
    padding-left: 15px;
  }

  /* print content edge to edge */
  body,
  article,
  footer div {
    margin: 0;
    padding: 0;
    width: 100% !important; }

  .footer-copyright {
    text-align: left; }

  /* make a margin that can be understood by pritners */
  @page {
    margin: 2cm; }
  /* try to keep headings with the content they relate to */
  h2, h3 {
    page-break-after: avoid; }

  /* make sure images don't go off the printed page */
  img {
    max-width: 100% !important; } }