body {
			font-size: 0;
			background-color: #F7F7F7; 
		}
		#scoreZone {
			padding-top: 10px;
			width: 100%;
		}
		#scoreSpace {
			width: 100% auto;
			text-align: center; 

		}
		.scoreText {
			height: 30px;
			width: 100%;
			font-family: 'Mountains of Christmas', cursive;
			font-size: 30px;
			color: black;
					
		}
		#houseApp {
			text-align: center;
			margin: auto;
			 
		}
		#backgroundSpace {
			width: 600px;
			height: 450px;
			margin: auto;
			background-image: url("http://treazlavolan.ro/jociarna/img/background_winter.jpg");
			text-align: center;
			position: relative;
		}
		canvas {
			border: 1px solid #C9E4FF;
			margin: auto;
			position: absolute;
			top:0;
			left:0;

		}
		#holdImages {
			display: none;
		}
		#messageDiv {
			font-size: 45px;
			font-family: 'Mountains of Christmas', cursive;
			color: black;
			display: none;
			padding-top: 45%;
			
		}
		.textHouseStyle {
			font-size: 20px;
			font-family: 'Open Sans Condensed', sans-serif;
			
			color: black;

		}
		#startDiv {
			font-size: 40px;
			font-family: 'Mountains of Christmas', cursive;
			color: black;
			padding-top: 30px;
			padding-left: 10px;
			padding-right: 10px;
		}
		
		
		#startButton {
			font-size: 15px;
		
		}
		#arrowSpace {
			margin: auto;
			padding-top: 5px;

		}
		#leftArrow, #rightArrow {
			
			width: 40%;
			height: 50px;
			display: inline-block;
		}
		#leftArrow {
			text-align: right;
			padding-right: 5%;
		}
		#rightArrow {
			text-align: left;
			padding-left: 5%;
		}
		#characters {
			width: 100%;
			font-size: 0px;
		}
		#oneCh, #twoCh {
			width: 40%;
			margin: 0;
			display: inline-block;
		}
		#oneCh {
			text-align: right;
			padding-right: 5%;
		}
		#twoCh{
			text-align: left;
			padding-left: 5%;
		}
		@media all and (min-width: 401px) and (max-width:601px) {
			canvas {
				width: 400px;
				height: 300px;
				
			}
			
			.textHouseStyle img {
				max-width: 100px;
			}
			
			#backgroundSpace {
				width: 400px;
				height: 300px;
			}
			#messageDiv, #startDiv {
				font-size: 25px;
			}

			.textHouseStyle {
				font-size: 15px;
			}
			#leftArrow, #rightArrow {
			
			width: 45%;
			height: 25px;
			display: inline-block;
			}
			#leftArrow img {
	      		width: 50%;
			}
    		#rightArrow img {
	      		width: 50%;
			}
		}
		@media all and (min-width: 301px) and (max-width:400px) {
			canvas {
				width: 300px;
				height: 240px;
				
			}
			#backgroundSpace {
				width: 300px;
				height: 240px;
			}
			#messageDiv, #startDiv {
				font-size: 24px;
			}

			.textHouseStyle {
				font-size: 15px;
			}
			
			.textHouseStyle img {
				max-width: 100px;
			}
			#startDiv p {
			margin:2px;
			}
			#startDiv  {
			padding-top:2px;
			}
		}
		@media all and (max-width:300px) {
			canvas {
				width: 200px;
				height: 170px;
				
			}
			
			#startDiv p {
			margin:2px;
			}
			#startDiv  {
			padding-top:2px;
			}
			
			.textHouseStyle img {
				max-width: 80px;
			}
			#backgroundSpace {
				width: 200px;
				height: 170px;
			}
			#messageDiv, #startDiv {
				font-size: 20px;
			}

			.textHouseStyle {
				font-size: 10px;
			}
			#startDiv {
			font-size: 15px;
			}
		}