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:600; text-shadow: 2px 2px 2px gray; border:3px double #ccc; border-radius: 5px; background: #eee;}

i {/*font-weight:500;*/}
img{ max-width:100%; height: auto; }
div {max-width:100%;}

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 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;}
.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: 20px; 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%;}
/*.hrl50 {margin: 5px 40% 5px 5px; padding: 0; height: 0; border: none; border-top: 1px solid #000000;}*/
.hrl50 { width: 30%; margin: 5px 0 auto 0; 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;}
.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;}
 p, h2, h3, .c3zv, .shopot {font-size: 90% /*smaller*/;}
 h1 {font-size: 30px;}
  /*td, div {font-size: 90%;}*/
  .citata, .citataN, .citata0  {font-size: 15px;}
  
  .snoska, .snoska2 {font-size: 11px;}
  .snoska2 {margin: 2px; padding: 2px}
  }