* {
	margin: 0;
	padding: 0;
	font-family: 'Inconsolata', monospace;
	line-height: 1.3em;
	color: #1D1D1B;
}
canvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.15;
}
html,
body {
	height: 100%;
}
div {
	position: relative;	
}


.#header h3,
#header h3 span {
	display: inline-block;	
}


#bg_header {
	left: 0;
	max-width: 100%;
	height: 100% !important;
	margin-top: 0;
}
#logoCrypt {
	position: relative;
	width: 247px;
	height: 320px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/tumult_crypt247.png) no-repeat;
	overflow: hidden;
}
#logoCrypt>span {
	position: absolute;
	width: 1729px;
	height: 963px;
	background: url(../img/tumult_crypt247.png);	
}
#logoCrypt>.crypt1 { top: 0; left: -247px;	}
#logoCrypt>.crypt2 { top: -320px;	left: -247px;	}
#logoCrypt>.crypt3 { top: -640px;	left: -247px;	}

#bg_header {
	background: url(../img/bg/big/header.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bgimage {
	-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

@media screen and (max-width: 1200px){
	#header img {
		width: 200px;
		height: auto;
	}
	#logoCrypt {
		width: 200px;
		height: 259px;
		background: url(../img/tumult_crypt200.png) no-repeat;	
	}
	#logoCrypt>span {
		position: absolute;
		width: 1400px;
		height: 780px;
		background: url(../img/tumult_crypt200.png);	
	}
	#logoCrypt>.crypt1 { top: 0; left: -200px;	}
	#logoCrypt>.crypt2 { top: -259px;	left: -200px;	}
	#logoCrypt>.crypt3 { top: -518px;	left: -200px;	}
	#box {
		max-width: auto;	
	}
	#bg_header {
		background: url(../img/bg/medium/header.jpg) no-repeat center bottom;
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.bgimage {
		-webkit-background-size: contain;
	  -moz-background-size: contain;
	  -o-background-size: contain;
	  background-size: contain;
	}
	@media screen and (max-width: 1000px){
		
		@media screen and (max-width: 700px){
			
			@media screen and (max-width: 500px){
				#bg_header {
					background: url(../img/bg/small/header.jpg) no-repeat center bottom;
					-webkit-background-size: cover;
				  -moz-background-size: cover;
				  -o-background-size: cover;
				  background-size: cover;
				}
			}
		}
	}
}