@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic,cyrillic-ext);
html, body {
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: rgba(224,224,224,1);
	background-color: rgba(0,0,0,1);
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	//background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

h1, h2 {font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color:rgba(255,255,255,1.00)}
table {border-collapse: collapse; }
.container { width:100%; overflow:hidden;}
.holder {width:1060px; margin: 0 auto;}

.float { float:left; clear:both;}
.left {float:left;}
.right {float:right;}

.text-right {text-align:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}

.row:before, .float:after { content: ""; display: table; }
.row:after { clear:both;}
.row { margin-left: -15px; margin-bottom: 15px; } 


/*------------------------------------*/
footer {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding: 3px;
	font-size: 12px;
	color: rgba(112,112,112,1);
}
main {
	text-align: center;
	padding-top: 20%;
	position: absolute;
	left: 15px;
	top: 0px;
	right: 15px;
	bottom: 0px;
}
header {
	padding: 5px;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 60px;
	z-index: 5;
}
header img {
	max-height: 100%;
}
h1 {font-size:32px; margin-bottom:30px; color:rgba(170,170,170,1.00)}
h2 {font-size:22px; margin-bottom:50px; font-weight:500;}
canvas {position:absolute; width:100%; height:100%; top:0; left:0;}
@media (max-width: 559px){

header {height:70px; padding-top:10px;}
h1 {padding-top:30px; font-size:25px;}



}