/*
	MEDIA QUERIES

	Minimum design width: 320px @ 96ppi 

 	3:4:6:8:12:16 rule

    0.75x, >>>1.0x<<<, 1.5x, >>>2.0x<<<, >>>3.0x<<<, 4.0x
    
    		^stdres, 			^midres, 	^hires
*/
/*
	Midres
*/
.midres #dppx {
  z-index: 2;
  position: absolute;
}
/*
	Hires	
*/
.hires #dppx {
  z-index: 3;
  position: absolute;
}
/*
	CSS3 @viewport settings
*/
@viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
/*
	Midres
*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min--moz-device-pixel-ratio: 2) and (-o-min-device-pixel-ratio: 2/1) {
  #dppx {
  z-index: 2;
  position: absolute;
}

}
/*
	Hires	
*/
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1) {
  #dppx {
  z-index: 3;
  position: absolute;
}

}