@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');

* {
			margin: 0;
			padding: 0;
		}


		canvas {
			width: 100%;
			height: 100%;
			position: absolute;
		}
		
		div#gameContainer {
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			overflow: hidden;
		}
		
		div#loadingScreen {
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			overflow: hidden;
		}
		
		#loadingScreen #bg {
			background-image: url(bg.jpg);
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
			position: fixed;
			top: 98px;
			left: 0;
			bottom: 0;
			right: 0;
			overflow: hidden;
		}
	
		div#loadingBox {
			width: 100%;
			height: 100px;
			position: absolute;
			bottom: 0;
			margin-top: -50px;
			text-align: center;
		}
		
		div#bgBar {
			position: absolute;
			width: 202px;
			margin-left: -101px;
			margin-top: -1px;
			left: 50%;
			height: 20px;
			display: block;
			background-color: #333;
			border-radius: 8px;
		}

		div#progressBar {
			position: absolute;
			left: 50%;
			margin-left: -100px;
			width: 0px;
			height: 18px;
			background-color: white;
			border-radius: 7px;
		}
		
		p#loadingInfo {
			color: #333;
			letter-spacing: 1px;
			position: absolute;
			width: 100%;
			font-family: 'Open Sans', sans-serif;
			text-align: center;
			font-size: 16px;
			margin-top: 30px;
		}
		
		#header {
			height: 98px;
			width: 100%;
			background: #203138;		
		}
		
		.nkplogo {
			margin-top: 20px;
			margin-bottom: 20px;
		}
		
		#header p {
			color: #fff;
			font-size: 53px;
			font-family: 'Open Sans', sans-serif;
			line-height: 100px;
			padding-right: 110px;
		}
		
@media (max-width:767px) {
	.nkplogo {
		max-width: 100px;
	}
	#header p {
		font-size: 23px;
		line-height: 80px;
		padding-right: 0px;
	}
}