/* CSS Document */

.funkyfont{
	font-family: 'Bungee Shade', cursive;
	background-color: rgba(0,0,0,0.7);
}

.blackout{
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:9001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	}
	
.turnphone{
	position: absolute;
	top: 25%;
	width: 100%;
	height: 100%;
	color:#ffffff;
	z-index:9002;
	overflow: auto;
	border-radius:10px;
	font-size:2em;
	}


body { 
	position: relative;
  background: url(images/intro-bkg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:visible;
  width:100%;
  height: 100%;
}

#powerbar{
	position: absolute;
	right:2%;
	top:2%;
	height:80%;
}
#gobutton{
	position: absolute;
	right:1%;	
	bottom:4%;
	width:15%;
}


#distance{
	display:none;
	position: absolute;
	top:25%;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	width:100%;
	color:#ffffff;
}

#gamebackground{

	width:100%;
	height: auto;
}


#shot1{
	position: absolute;
	bottom:4%;
	left:18%;
	height: 25%;
}

#shot2{
	position: absolute;
	bottom:4%;
	left:12%;
		height: 25%;
}

#shot3{
	position: absolute;
	bottom:4%;
	left:6%;
		height: 25%;
}

#phoneready{
	position: absolute;
	bottom:4%;
	left:43%;
		height: 35%;
}

.introArea{
    margin:0 auto;
    height: auto;
	width: 100%;
	z-index:1000;
	position:relative;
	overflow:hidden;

	}

.introArea img{
	max-width: 70%;
	margin:0 auto;
	display:block;
}



.gameArea{
background: url(images/game/game-bkg-border.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
    margin:0 auto;
    height: auto;
	width: 100%;
	z-index:1000;
	position:relative;
	overflow:hidden;

}

.rewardArea{
    margin:0 auto;
    height: auto;
	width: 70%;
	z-index:1000;
	position:relative;

	}
.wintext{
	color:#ffff33;
	text-align: center;
	width:60%;
	margin:0 auto;
	font-size: 1em;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}

.finishbuttons{
	margin-top: 10px;
}

.welldone{
 height:40px; margin:0 auto; margin-top:-40%;
}
.finishbutton, .playagainbutton{
	 height:40px;
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
	.blackout{
display: none;
	}
	
.turnphone{
	display: none;
	}


}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

	body{

	}
	.gameArea, .introArea,.rewardArea {
		width: 70%;
		margin-top:50px;
	}

.welldone{
	width:50%; height: auto; margin:0 auto; margin-top:-28%;
}
	.wintext{

	font-size: 2.5em;

}
.finishbuttons{
	width:60%;
	margin:0 auto;	

}

.finishbutton, .playagainbutton{
	 height:50px;
}

}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

	
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
}