@media print {
  .affix {
    position: static;
  }

  .page-break {
    page-break-before: always;
  }

  .sidebar img {
    width: 300px;
  }

  .sidebar .dev a[href]:after {
    content: attr(print);
    font-size: 14px;
    display: inline-block;
    padding-left: 7px;
    width: 80px;
    padding-top: 8px;
    vertical-align: top;
  }

  .sidebar .social a[href]:after {
    content: attr(print);
    font-size: 14px;
    padding-left: 4px;
  }

  .progress {
    position: relative;
  }

  .progress:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-bottom: 2rem solid #c4c4c4;
  }

  .progress-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-bottom: 2rem solid #000000;
  }
}

@media print and (max-width: 767px) {
  .sidebar .social hr {
    width: 470px;
  }
}