@import url(https://fonts.googleapis.com/css?family=Anton);
body{
	font-family: 'Anton', sans-serif;
	/*color:green;*/
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background: transparent;
	position: absolute;
	background-image: url('../img/moneywing.gif'), url('../img/rabbit.gif');
	background-repeat: repeat;
}
.header{
	font-size:1rem;
	padding-right:10px;
	padding-left:10px;
	z-index: 100;
}

.score{
	clear:both;
	text-align:center;
	text-shadow:1px 1px 2px green;
	color:#10ff00;
	z-index: 100;
}

.score-count{}
	.board{
		clear:both;
		text-align:center;
		padding-top:0px;
		z-index: 1000;
		width: 100%;
		position: relative;
		max-width: 1000px;
		margin: auto;
	}
	.controls{
		clear:both;
		text-align:center;
		font-size:1rem;
		padding-top:30px;
		z-index: 1000;
		position: relative;
	}
	.button{
		color:#000;
		cursor:pointer;
		border:2px solid #000;
		box-shadow:1px 1px 3px #000;
		border-radius:5px;
		padding:0px 10px;
		transition: all 0.2s ease;
		background-color:#10ff00;
		z-index: 100;
	}
	.button:active{
		box-shadow:1px 1px 3px #000 inset;
		z-index: 100;
	}
	.row{
		clear:both;
		width: 80%;
		margin:0px auto;
		z-index: 100;
	}
	.cell{
		float:left;
		width:25%;
		height:100px;
		background-color: none;
		text-align:center;
		border-bottom:5px solid #00ff00;
		overflow:hidden;
		z-index: 100;
	}
	.duck{
		font-size: 4.5rem;
		margin-top:101px;
		padding-top:5px;
		z-index: 1000;
		background: transparent url(../img/redheaddog.png) no-repeat center center;
		background-size: contain;
	}
	.duck-up{
		margin-top:0px;
		z-index: 100;
	}
	.hit{
		color:red;
		z-index: 100;
	}
	.error{
		text-align:center;
		color:red;
		font-weight:bold;
		font-size:1rem;
		display:none;
		padding-top:20px;
		z-index: 100;
	}
	.error-container{
		min-height:100px;
		z-index: 100;
	}

	#kick {
		position: absolute;
		width:355px;
		height:360px;
		bottom: 0px;
		left: 0%;
		z-index: 41;
		background: transparent url('../img/familykick.gif') no-repeat center center;
		background-size: contain;
		z-index: 40;
	}

	#kick2 {
		position: absolute;
		width:355px;
		height:360px;
		bottom: 0px;
		right: 0%;
		z-index: 41;
		background: transparent url('../img/familykick.gif') no-repeat center center;
		background-size: contain;
		z-index: 40;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	#rickfinger {
		position: absolute;
		width:182px;
		height:395px;
		bottom: 0px;
		left: 0%;
		z-index: 41;
		background: transparent url('../img/rickfinger.gif') no-repeat center center;
		background-size: contain;
		z-index: 40;
	}

	#rickfinger2 {
		position: absolute;
		width:182px;
		height:395px;
		bottom: 0px;
		right: 0%;
		z-index: 41;
		background: transparent url('../img/rickfinger.gif') no-repeat center center;
		background-size: contain;
		z-index: 40;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	#squid {
		position: absolute;
		margin: auto;
		bottom: -30px;
		left: 0;
		right: 0;
		width: 350px;
		height: 317px;
		z-index: 76;
		background-image: url('../img/squid.gif');
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
	}

	#fire {
		position: absolute;
		width:100%;
		height:127px;
		bottom: 0px;
		background: transparent url('../img/fire.gif');
		background-repeat: repeat-x;
		z-index: 10;
	}

	#siren {
	position: absolute;
	width: 730px;
	height: 168px;
	bottom: 30px;
	background: transparent;
	background-image: url('../img/siren.gif');
	background-repeat: repeat;
	background-position: center;
	margin: auto;
	left: 0;
	right: 0;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	z-index: 9;

}

	#army {
		position: absolute;
		width:100%;
		height:520px;
		bottom: -250px;
		background: transparent url('../img/army.gif');
		background-repeat: repeat-x;
		z-index: 1;
	}

	body, a:hover {cursor: url(../img/target.png), progress !important;}

	/* Change Background Image Based on Orientation */

	@media all and (orientation:landscape) {

	}

	@media all and (orientation:portrait) {

		.row{
			clear:both;
			width: 96%;
			margin:0px auto;
			z-index: 100;
		}
		.cell{
			float:left;
			width:25%;
			height:100px;
			background-color: none;
			text-align:center;
			border-bottom:5px solid #00ff00;
			overflow:hidden;
			z-index: 100;
		}

		#kick {
			position: absolute;
			width:178px;
			height:180px;
			bottom: 0px;
			left: 0%;
			z-index: 41;
			background: transparent url('../img/familykick.gif') no-repeat center center;
			background-size: contain;
			z-index: 40;
		}

		#kick2 {
			position: absolute;
			width:178px;
			height:180px;
			bottom: 0px;
			right: 0%;
			z-index: 41;
			background: transparent url('../img/familykick.gif') no-repeat center center;
			background-size: contain;
			z-index: 40;
			-moz-transform: scaleX(-1);
			-o-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			transform: scaleX(-1);
			filter: FlipH;
			-ms-filter: "FlipH";
		}

		#rickfinger {
			position: absolute;
			width:92px;
			height:200px;
			bottom: 0px;
			left: 0%;
			z-index: 41;
			background: transparent url('../img/rickfinger.gif') no-repeat center center;
			background-size: contain;
			z-index: 40;
		}

		#rickfinger2 {
			position: absolute;
			width:92px;
			height:200px;
			bottom: 0px;
			right: 0%;
			z-index: 41;
			background: transparent url('../img/rickfinger.gif') no-repeat center center;
			background-size: contain;
			z-index: 40;
			-moz-transform: scaleX(-1);
			-o-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			transform: scaleX(-1);
			filter: FlipH;
			-ms-filter: "FlipH";
		}

		#squid {
			position: absolute;
			margin: auto;
			bottom: -20px;
			left: 0;
			right: 0;
			width: 150px;
			height: 136px;
			z-index: 76;
			background-image: url('../img/squid.gif');
			background-repeat: no-repeat;
			background-size: contain;
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
		}

		#army {
			position: absolute;
			width:100%;
			height:520px;
			bottom: -300px;
			background: transparent url('../img/army.gif');
			background-repeat: repeat-x;
			z-index: 1;
		}


	}