

body {
  background-color: white;
 }
p {
//  color: blue;
  font-size: 12pt;
  margin-left: 0in;
  font-family: "Times New Roman";
 }

h1 {
//  color: green;
  font-size: 14pt;
  font-weight: bold;
  font-family: verdana;
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6{
}


a:link {
        color:blue;
        text-decoration:underline;
        text-underline:single;}
a:visited
        {color:purple;
        text-decoration:underline;
        text-underline:single;}
ol
        {margin-bottom:0in;}
ul
        {
  font-size: 10pt;
  font-family: arial;
 margin-bottom:0in;
}

p.test {
color: blue;
font-size: 50px;
}
@media screen and (min-width: 480px) {
    body {
//        background-color: lightgreen;
    }


p.test2 {
color: green;
font-size: 50px;
}


}

/* below as per http://stackoverflow.com/questions/15215987/browser-not-recognizing-max-device-width */


/* Smartphones (portrait and landscape) ----------- */
 only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
 only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
 only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
 only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

p.test { 
color: red; 
font-size: 50px;
}

}

/* iPads (landscape) ----------- */
 only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
 only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
 only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
 only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */

only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


p.test { color: orange; }
