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: 30px; /*color: white;*/ text-indent:0; text-align:center; margin: 0; /*text-shadow: 0px 0px 20px black;*/}
 h2 {font-size: 20px;text-indent:0; text-align:center; margin: 30px;}
 h3 {font-family: Courier; font-size: 120%; text-align:center; margin:30px; padding: 0; font-weight:600; text-shadow: 2px 2px 2px gray;}
 h4 {font-size: 110%; text-align:center; margin: 0; padding: 0 50px;}
 h5 {margin: 0; padding: 0;}
 i  {font-size: 105%;}
 img{ max-width:100%; height: auto; }
 div {max-width:100%;}
 hr {margin:0; padding: 0;}

sup, sub {line-height: 0;}

 .stih { /* использование div class="stih" */
 display: table;
 font-size: 17px;
 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:20px 5px 20px 60%; font-family:Calibri; /*text-align:justify;*/ font-weight:500; line-height:100%; /*font-style:italic; border:1px solid #ccc;*/}
.api p {text-align:right;}
.api70 {/*letter-spacing: 1px;*/ margin:20px 5px 20px 20%; font-family:Calibri; font-weight:500; line-height:100%;}
.api70 p {text-align:right;}
.breadcrumbs {font-size: smaller; text-indent:0; line-height: 90%; padding: 0; margin: 0; text-shadow: 1px 1px 1px #f9f;}
.shopot {font-family: Courier; font-weight:600; color: #630; text-shadow: 3px 3px 5px #69f;}
.citata {font-family: Georgia; font-size: 18px; text-indent: 30px; text-align: justify; margin: 5px 5px; font-weight:500; background: #f0f0f0;}
.citataC {font-family: Calibri; font-size: 120%; display: table; margin: 5px auto; text-indent: 0px; text-align: center;  padding: 10px; font-weight:500; background: #fffff0; border: 1px solid #c99; border-radius: 2px;}
.citataN {font-family: Georgia; font-size: 18px; text-indent: -20px; margin-left: 45px; text-align: justify; margin: 5px 5px 5px 55px; font-weight:500; background: #fffff3;}
.center {display:table; margin: 5px auto; text-indent: 0; padding: 0;}
.mystrong {font-weight:bolder; color:#330000; /*text-shadow: 2px 2px 1px silver;*/ }
.snoska {font-family: Calibri; font-style:italic; font-size: 14px; color:#220000; font-weight:500; text-indent:0px; text-align: justify; margin:5px line-height: 110%; 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;}
.c3zv {text-indent:0; text-align:center; margin: 20px 10px 10px 10px; font-size: 200%;}

.ctr {text-indent:0; text-align: center; margin: 0 auto; padding: 0;}
.block {max-width: 98%; margin:5px; padding:5px; display:inline-block; vertical-align: top;}
.vhr { width: 4px; background:gray; border-color: silver; margin: 0 auto; padding: 0;}
.ghr { height: 4px; background:gray; border-color: silver; margin:0;}


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

  body { padding:3px;}
  h2, h3, { font-size: 90%; }  
  p {font-size: 14px; text-align:left;}
  .c3zv, .shopot, .citata, .citataC, .citataN, .stih { font-size: 15px; }
  h1 {font-size: 30px;}
  h4 {font-size: 13px;}
  i  {font-size: 90%;}
  /*td, div {font-size: 90%;}*/
  .api {margin: 10px 5px 10px 40%;}
  .api70 {margin: 10px 5px 10px 10%;}
  .snoska, .snoska2 {font-size: 11px;}
  .snoska2 {margin: 2px; padding: 2px}
  }