@media print {
  body:before {
    content: "By Matt Gemmell - http://mattgemmell.com"; }

  article a[href^="http"]:after {
    content: " (" attr(href) ")"; }

  a {
    font-weight: bolder;
    text-decoration: none; }

  body {
    color: #000;
    background: #fff; }

  @page {
    margin: 2cm; }
  #wrapper > header, nav, header .meta, article footer, footer .meta {
    display: none; }

  h1 {
    font-size: 1rem;
    margin-bottom: 3rem; }

  article h1 {
    font-size: 2rem; }

  h1, h2, h3 {
    page-break-after: avoid; }

  h2 {
    margin-top: 3rem; }

  h3 {
    margin-top: 2rem; }

  img {
    max-width: 100% !important;
    height: auto;
    margin: 2rem auto; }

  .screenshot {
    text-align: center;
    margin: 2rem auto; }

  ul, img {
    page-break-inside: avoid; }

  #wrapper > footer {
    margin-top: 5rem; }

  hr {
    border: 0.1rem solid #999;
    height: 0rem;
    background: #999;
    margin: 2rem 0; } }