body {background: url(img/izdat.gif);}
h2 {font-size:medium;}
div {padding:3px; margin:3px; text-align:center; /*border: solid 1px silver; border-radius: 5px;*/}
.fon {margin:30px auto; max-width:1200px; padding:10px; border: solid 5px red; border-radius: 10px; background:#fff;}
.left {float:left; width:calc(100% - 220px)}
.right {width:190px; float:right; font-family:Calibri, Arial, sans-serif;}
.str {display:inline;}
.probel {min-height:30px;}

@media screen and (max-width: 600px) {
h2 {text-indent:20px;}
img {display:block;margin:auto;}
div {padding:1px; margin:1px;}
.fon { opacity: .92; margin:0; width:auto; padding:2px; border: solid 2px red; border-radius: 5px;}
.left {float:none; width:auto;}
.right {float:none; width:auto; text-align:left;}
.probel {display: none;}
}