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

@media (max-width: 200px) {html { font-size: 50%; }}
@media (min-width: 400px) {html { font-size: 60%; }}
@media (min-width: 500px) {html { font-size: 70%; }}
@media (min-width: 700px) {html { font-size: 80%; }}
@media (min-width: 900px) {html { font-size: 90%; }}
@media (min-width: 1200px) {html { font-size: 100%; }}
@media (min-width: 1300px) {html { font-size: 120%; }}

#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:1;}
#butt{ display: table-cell;position:fixed;top:5%;left:75%;width:25%;height:70%;z-index: 1;}
#left{display: table-cell;position:fixed;top:25%;left:3%;width:10%;height:70%; text-align: center;z-index: 1;}
#left_footh { display: table-cell;position:fixed;top:80%;left:3%;z-index: 1;}