body { margin:0 auto; max-width:1000px; padding:7px; font-family:  "Courier New", "Nimbus Mono L", monospace;}
p {/*font-size: 17px; */text-align:left; text-indent:-40px; margin:0 5px 0 55px; padding: 0; text-shadow: 1px 1px 0.7px #000088;}
h1 {/*font-size: 45px; */text-indent:0; text-align:center; margin: 5px; text-shadow: 4px 4px 2px silver;}
h2 {/*font-size: 20px; */text-indent:0; text-align:center; margin: 5px;}
h3 {/*font-family: Courier; font-size: 120%;*/ text-align:center; margin:20px; padding: 0;}
h4 {/*font-family: Courier; font-size: 120%; text-align:right;*/ margin:0px; padding: 10px 5px 0 15px ;}

i {/*font-weight:500;*/}
img{ max-width:100%; height: auto; }
div {max-width:100%; margin:0; padding:0; border:1px solid #999; border-radius: 20px;}



.api {margin:20px 5px 20px 30%; font-family:Calibri; text-align:right; font-weight:500; line-height:100%; font-style:italic; /*border:1px solid #ccc;*/}

.breadcrumbs {font-size: smaller; text-indent:0; line-height: 90%; padding: 0; margin:-5px 0; text-shadow: 1px 1px 1px #f9f;}
.center {display:table; margin: 5px auto; text-indent: 0; padding: 0;}

@media screen and (max-width: 620px) { 

  body { padding:3px;}
 p, h1, h2, h3, h4 {font-size: 90% /*smaller*/;}
 /*h1 {font-size: 30px;}*/
 
  }