/* iPhone */
@media only screen
and (min-width : 428px) 
 {
	    body {margin-left:1em;margin-right:1em;background-color:#f2f4f4;
		      font-size:1.5em;color:black;
		      line-height:1.5em;}
}

/* iPad mini in landscape */
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
	    body {margin-left:5em;margin-right:5em;background-color:#f2f4f4;
		      font-size:1.25em;color:black;
		      line-height:1.5em;}
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
	    body {margin-left:15em;margin-right:15em;background-color:#f2f4f4;
		      font-size:1.25em;color:black;
		      line-height:1.5em;}

		.caption{background-color: black; color: white;  
		               text-align:center; font-size: .75em; line-height: 1.5em;}
		.floatleft  {float:left;}
		.floatclear {clear: left;}
} line-height:1.5em;}

.contents {font-size:1em;color:blue; line-height:1.5;text-decoration:none;} 
.selected {font-size:1.15em; color:red; line-height:1.5;}
a{text-decoration:none;color:blue;}
a:link {color:blue;}
a:hover {color:green;}
#a:visited {color:inherit;}

.sitenav {width:96%;text-align:right;margin-left:2%;margin-right:2%;}
