body.has-report {
  @media #{$large-up} {
    background: #333333;
    padding-top: 1%;
  }

}

.report {
  background: white;
  margin-bottom: 1%;

  > header {
    text-align: center;
    padding: 10% 5% 5% 5%;
    @media #{$medium-up} {
      padding-top: 5%;
    }
    p {
      color: #6F6F6F;
    }
    aside {
      font-size: 0.8em;
      position: absolute;
      top: 0.2rem;
      left: 0.5rem;
    }
  }

  section {
    header {
      h2, h3 { color: #6F6F6F; }
      text-align: center;
      border-top: 1px solid #DFDFDF;
      padding-top: 0.5rem;
      margin-bottom: 1rem;
      margin-top: 1rem;
    }
    .panel {
      header {
        border-top: none;
      }
    }
  }
}


body.has-report {
  @media #{$large-up} {
    background: #333333;
    padding-top: 1%;
  }

}

.report {
  background: white;
  margin-bottom: 1%;

  > header {
    text-align: center;
    margin: 10% 5% 5% 5%;
    @media #{$medium-up} {
      margin-top: 5%;
    }
    p {
      color: #6F6F6F;
    }
    aside {
      font-size: 0.8em;
      position: absolute;
      top: 0.2%;
      left: 1%;
    }
  }

  section {
    header {
      h2, h3 { color: #6F6F6F; }
      text-align: center;
      border-top: 1px solid #DFDFDF;
      padding-top: 3%;
      margin-bottom: 1%;
      margin-top: 6%;
      @media #{$medium-up} {
        margin-top: 3%;
        padding-top: 1%;
      }
      @media #{$large-up} {
        margin-top: 0;
      }
    }
    .panel {
      header {
        border-top: none;
      }
    }
  }
}


Change rem to % for report styles
Change rem to % for report styles
