html { font-size: 62.5%; }
body {background: transparent;margin:0;padding:4% 6%; overflow: hidden;font-size: 1em;font-family: CO, helvetica, arial, sans-serif;}
#container {width:100%}

@media (max-width: 200px) {html { font-size: 40%; }}
@media (min-width: 400px) {html { font-size: 50%; }}
@media (min-width: 500px) {html { font-size: 80%; }}
@media (min-width: 600px) {html { font-size: 100%; }}
@media (min-width: 700px) {html { font-size: 100%; }}
@media (min-width: 900px) {html { font-size: 150%; }}


@font-face {
  font-family: "AMC";
  src: url("FrizQuadrataC-BoldItalic.otf") format("truetype");
}
p {
    font-family: "AMC";
	font-size:18px;
}
#co {font-family: "cyrillic_old";}
#backgr{display: table-cell; position: fixed; left: 0;  top:0; width:100%;height:100%; z-index: -1;}
#panel_center {display: table-cell; position: fixed; left: 0;  top: 0; width:100%;height:100%; z-index: 2;}
#nadpisi { position: fixed; left:4%;  top: 7%;width:90%; z-index: 1;}
#butt{ display: table-caption;margin-top:-0px; padding-top: 0px;}
#l_q{display: table-cell; position: fixed; left: 10%;  top: 20%; width:30%;height:100%; z-index: 2;}
#r_q{display: table-cell; position: fixed; left: 45%;  top: 20%; width:50%;height:100%; z-index: 2;}