#page-wrap:after { font-size: 50%; content: "Desktop Layout ... by Tisfoon"; }
#secondary-two { display: none; }

/* Experimetally found desktop is 100 dpi and HTC is 200 dpi */


/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 125dpi){ 
   body { 
             FONT-SIZE: 28px; 
    }
   LI { 
             FONT-SIZE: 28px; 
    }
   P.bodytext { 
             FONT-SIZE: 28px; 
    }
   P.mainTitle { 
             FONT-SIZE: 32px; 
    }
   P.subTitle { 
             FONT-SIZE: 30px; 
    }
   A.nav:link {
             FONT-SIZE: 24px; 
    }
   A.nav:visited {
             FONT-SIZE: 24px; 
    }
   A.nav:hover {
             FONT-SIZE: 24px; 
    }
   A.nav:active {
             FONT-SIZE: 24px; 
    }

   #page-wrap:after { content: "Narrow Layout"; }
}
 
/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
   body { 
             FONT-SIZE: 28px; 
    }
   LI { 
             FONT-SIZE: 28px; 
    }
   P.bodytext { 
             FONT-SIZE: 28px; 
    }
   P.mainTitle { 
             FONT-SIZE: 32px; 
    }
   P.subTitle { 
             FONT-SIZE: 30px; 
    }
   A.nav:link {
             FONT-SIZE: 24px; 
    }
   A.nav:visited {
             FONT-SIZE: 24px; 
    }
   A.nav:hover {
             FONT-SIZE: 24px; 
    }
   A.nav:active {
             FONT-SIZE: 24px; 
    }

   #page-wrap:after { content: "Medium Layout"; }
}
 
/* 1.5 dpr (my android) */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 

   body { 
             FONT-SIZE: 28px; 
    }
   LI { 
             FONT-SIZE: 28px; 
    }
   P.bodytext { 
             FONT-SIZE: 28px; 
    }
   P.mainTitle { 
             FONT-SIZE: 32px; 
    }
   P.subTitle { 
             FONT-SIZE: 30px; 
    }
   A.nav:link {
             FONT-SIZE: 24px; 
    }
   A.nav:visited {
             FONT-SIZE: 24px; 
    }
   A.nav:hover {
             FONT-SIZE: 24px; 
    }
   A.nav:active {
             FONT-SIZE: 24px; 
    }

   #page-wrap:after { font-size: 50%;  content: "Mobile Layout ... by Tisfoon"; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.0) {    
/* iPhone 4g styles go here */
   body { 
             FONT-SIZE: 28px; 
    }
   LI { 
             FONT-SIZE: 28px; 
    }
   P.bodytext { 
             FONT-SIZE: 28px; 
    }
   P.mainTitle { 
             FONT-SIZE: 32px; 
    }
   P.subTitle { 
             FONT-SIZE: 30px; 
    }
   A.nav:link {
             FONT-SIZE: 24px; 
    }
   A.nav:visited {
             FONT-SIZE: 24px; 
    }
   A.nav:hover {
             FONT-SIZE: 24px; 
    }
   A.nav:active {
             FONT-SIZE: 24px; 
    }

   #page-wrap:after { font-size: 50%;  content: "Smart Phone Layout ... by Tisfoon"; }
}