.debug-bp {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999; }

.debug-bp-charmander {
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 100%;
  background: rgba(255, 155, 0, 0.1); }

.debug-bp-charmeleon {
  position: absolute;
  top: 0;
  left: 800px;
  width: 450px;
  height: 100%;
  background: rgba(0, 155, 255, 0.1); }

.debug-bp-charizard {
  position: absolute;
  top: 0;
  left: 1250px;
  width: 350px;
  height: 100%;
  background: rgba(155, 255, 0, 0.1); }

@media screen and (min-width: 0px) {
  head {
    font-family: "bp-nothing 0px"; }
  body:after {
    content: "bp-nothing - min-width: 0px"; } }

@media screen and (min-width: 800px) {
  head {
    font-family: "bp-charmander 800px"; }
  body:after {
    content: "bp-charmander - min-width: 800px"; } }

@media screen and (min-width: 1250px) {
  head {
    font-family: "bp-charmeleon 1250px"; }
  body:after {
    content: "bp-charmeleon - min-width: 1250px"; } }

@media screen and (min-width: 1600px) {
  head {
    font-family: "bp-charizard 1600px"; }
  body:after {
    content: "bp-charizard - min-width: 1600px"; } }

head {
  clear: both; }
  head title {
    font-family: "bp-nothing 0px, bp-charmander 800px, bp-charmeleon 1250px, bp-charizard 1600px"; }

body:after {
  display: none; }