body {font-family:"Comic Sans MS", cursive, sans-serif; margin:0 auto; max-width:1000px;}
hr {margin: 10px 10px; height:1px; box-shadow: 1px 1px 1px steelblue; color:gray; background-color:gray; }
h1 {font-size: 20px; text-align:center; margin-top: 10px; margin-bottom: 10px; margin-left:3px; margin-right: 3px; font-weight:900;}
h2 {font-size: 30px; text-align:center; margin-top: 20px; margin-bottom: 30px; margin-left:3px; margin-right: 3px;}
h3 {/*font-size: 100%; */font-weight:700; text-align:center; margin-left:10px; margin-right: 10px; margin-top: 20px; margin-bottom: 5px;}
h4 {text-align:left; margin:0; text-indent: 0; font-weight:300;}
h5 {font-size: 90%; text-align:left; font-style:italic;  font-weight:300; margin: 20px; }
sup {line-height: 0; font-size: 0.7em; font-weight:600; background-color:#cff;}
i  {font-size: 105%; font-weight:500;}
.primhr {margin:1px 30% 1px 1px; padding: 0; height: 0; border: none; border-top: 1px solid #666; box-shadow: 0 1px 1px #fff;} 
.prim {text-align:left; font-size: 70%; line-height:150%; font-weight:600; margin-top: 0px; }
.api  {margin:0 30px 30px 30%; font-size: 90%; text-align:right; font-weight:600; line-height:100%; font-style:italic;}
.stih {margin: 0 0 0 20%; letter-spacing: 0.05em; line-height:110%; padding:0; font-weight: 500;}
.breadcrumbs {font-size: smaller; text-indent:0; line-height: 90%; padding: 0; margin:-5px 0; text-shadow: 0px 0px 1px #f9f;}


p {text-align: justify; font-size: 110%; line-height:120%; text-indent: 25px; margin-top: 5px; margin-bottom: 0px; margin-left:10px; margin-right:10px;}


@media screen and (max-width: 520px){
	
	p,h1,h3,h4,h5 {font-size:80%; }
	h2 {font-size:20px;}
	.api {font-size: 75%;}
}
@media screen and (max-width: 320px){
	p {text-align: left;} 
}