html { font-size: 62.5%; }
body {margin:0;padding:4% 6%; overflow: hidden;font-size: 1em;}
#container {width:100%}

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

@font-face {
  font-family: "AMC";
  src: url("FrizQuadrataC-BoldItalic.otf") format("truetype");
}
p {
    font-family: "AMC";
	font-size:18px;
}
#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:inherit; left: 8%;  top: 5%;width:85%;height:10px; z-index: 1;font-family: AMC;font-size: 90%}
#nadpisi3 { font-family: AMC;font-size: 80%}
#nadpisi4 { font-family: AMC;font-size: 80%}
#nadpisi5 { font-family: AMC;vertical-align:middle ;font-size: 80%; }
#butt{ display: table-caption;margin-top:-0px; padding-top: 0px;}
#l_q{display: table-cell; position: fixed; left: 10%;  top: 10%; 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;}
#eddiesoft{font-family: AMC;font-size: 70%;text-align: right;}