body { margin:0 auto; max-width:1000px; padding:7px; font-family: monospace;}
p {font-size: 17px; text-align:justify; text-indent:25px; margin:5px; padding: 0;}
h1 {font-size: 45px; text-indent:0; text-align:center; margin: 20px; text-shadow: 4px 4px 2px silver;}
h2 {font-size: 20px; text-indent:0; text-align:center; margin: 0px;}
h3 {/*font-family: Courier;*/ font-size: 120%; text-align:right; margin:30px; padding: 5px 50px; font-weight:500; text-shadow: 2px 2px 2px gray; border:3px double #ccc; border-radius: 5px; background: #eee;}
h4 { font-family: Calibri; font-size: 110%; text-indent: 25px; text-align: left; margin: 20px 5px; font-weight:500; font-style:italic;}
h4 a {text-decoration: none;}
th {font-family: Calibri;/*Serif; Georgia; font-size: 110%;*/ text-align: center;}

i  {font-size: 110%; font-weight:500;}
img{ max-width:100%; height: auto; }
div {max-width:100%;}
hr {max-width:100%;}
table {max-width:100%;}
tr {max-width:100%;}
th {max-width:100%; /*font-family: Arial;*/} 
td {text-align:left; font-size: 17px;}
sup, sub {line-height: 0;}

 .stih { /* использование div class="stih" */
 display: table;
 font-size: 17px;
 line-height: 120%;
 margin: -1em auto 0em; /* верх право/лево низ дл¤ центрировани¤ display: table; не нужно указывать ширину блока */ 
 white-space: pre-line; /* не нужен <br> */ 
 word-wrap: break-word; /* чтобы слова переносились на маленьком экране */ 
 padding: 10px;
 border: solid 1px #eed; /* ѕараметры рамки */
 border-radius: 10px;
 background: #f5f5f5; /* ?вет фона */
 font-style: italic;
 }
.api  {margin:40px 5px 0px 30%; font-family:Calibri; text-align:right; font-weight:600; line-height:100%; font-style:italic; }

.breadcrumbs {font-size: smaller; text-indent:0; line-height: 90%; padding: 0; margin:-5px 0; text-shadow: 1px 1px 1px #f9f;}
.citata {font-family: Calibri; font-size: 110%; text-indent: 30px; text-align: justify; margin: 5px 30px; font-weight:500; background: #f0f0f0;}
.citataC {font-family: Calibri; font-size: 110%; display: table; margin: 5px auto; text-indent: 0px; text-align: center;  padding: 20px; font-weight:500; background: #fffff0; border: 1px solid #c99; border-radius: 2px;}
.citataN {font-family: Calibri; font-size: 110%; text-indent: -20px; margin-left: 45px; text-align: justify; padding: 20px; font-weight:500; background: #fffff0;}
.center {display:table; margin: 5px auto; text-indent: 0; padding: 0;}
.mystrong {font-weight:bolder; color:#331; /*text-shadow: 2px 2px 1px silver;*/ }
.snoska {font-family: Calibri; font-style:italic; font-size: 16px; color:#220000; font-weight:500; text-indent:0px; text-align: justify; margin:5px; line-height: 90%; text-shadow: 1px 1px 1px silver;}
.snoska2 {font-family: Calibri; font-size: 16px; color:#666; font-weight:600; text-indent:0; text-align: center; margin:5px; padding:10px; font-weight:600; border:3px double #ccc; border-radius: 5px; background: #eee;}
.hrl50 {margin:5px 40% 5px 5px; padding: 0; height: 0; border: none; border-top: 1px solid #000000;}
.hrc100 {margin: 5px 30px; padding: 0; height: 2px; border: 1px solid #333; border-radius: 2px;}
.hrc30 {width: 30%; margin: 5px auto; padding: 0; height: 2px; border: 1px solid #333; border-radius: 2px;}
.hrc50 {width: 50%; margin: 5px auto; padding: 0; height: 2px; border: 1px solid #333; border-radius: 2px;}
.hrc75 {width: 75%; margin:  5px auto; padding: 0; height: 2px; border: 1px solid #333; border-radius: 2px;}


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

  body { padding:3px;}
  p, h2, h3, h4, .stih {font-size: 90% /*smaller*/;}
  h1 {font-size: 30px;}
 .citata, .citataN, .citata0 {font-size: 15px; margin: 5px;}
  td {font-size: 95%; font-weight:500; padding: 0; margin:0; }
  th {font-size: 95%; font-weight:600; padding: 0; margin:0; }
  table.ptext td {font-family: Arial; font-size: 85%;}
 .snoska, .snoska2 {font-size: 11px;}
 .snoska2 {margin: 2px;}
	 
     }