@mixin bp($bp) {
  @if $bp == 'bph'{
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
           only screen and (min--moz-device-pixel-ratio: 1.5),
           only screen and (min-device-pixel-ratio: 1.5) {
             @content
           }
  }
}
small {
  font-size:12px;
  color:red;
  font-family: monospace;
  text-transform: uppercase;
}
.lead {
  font-size:19px;
  font-size:1.9rem;
  letter-spacing: 1px;
  font-weight: bold;
  @include bp('bph') {
    margin: 3.8rem 0;
  }
}
.sample {
  width:90%;
  margin:0 auto;
}
.example {
  padding-top:24px;
  border-top:12px solid red;
}

html {
  font-size: 62.5%;
  line-height: 1.6rem;
  @include bp('bph') {
    font-size: 16px;
    font-size: 100%;
    line-height: 3rem;
  }
}
body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Georgia",serif;
}
p {
  margin: 2rem 0;
}
h1 {
  font-size: 37px;
  font-size: 3.7rem;
  margin: 3.7rem 0;
  line-height: 3.7rem;
}
h2 {
  font-size: 28px;
  font-size: 2.8rem;
  margin: 2.8rem 0;
  line-height: 2.8rem;
}
h3 {
  font-size: 21px;
  font-size: 2.1rem;
  margin: 2.1rem 0;
  line-height: 2.1rem;
}
h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 100;
  margin: 1.6rem 0;
  line-height: 1.6rem;
}
h5 {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 1.2rem 0;
  line-height: 1.2rem;
}
h6 {
  font-size: 10px;
  font-size: 1rem;
  font-family: sans-serif;
  color: #999;
  margin: 1rem 0;
  line-height: 1rem;
  text-transform: uppercase;
}