@charset "utf-8";
@media 
	 screen and (-webkit-min-device-pixel-ratio: 0)	{
		 #issues	{
				display:none; 
		 }
		 }
		 

@media 
only screen and (max-width:1024px) and (min-width:960px){
*			{
		margin:0;
		padding:0;
}
.stage		{
	width:100%;
	margin:5px auto;
	opacity: 1;
	transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
}
#centered		{
	margin:0 auto;
	max-width:960px;
	max-height:960px;
	z-index:50;
}
#overlay	{
	max-width:960px;
	width: 100%;
	height: 960px;
	opacity: 1;
	transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
	position: relative;
	margin:-45px 0 0  -15px;
}
#stripe		{
	z-index: 0;
	top: 340px;
	height: 140px;
	
	}
#stripe2		{
	z-index: -1;
	top: 340px;
	height: 140px;
	}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2) opacity:0; }
	100%
	{  -webkit-transform: scale(.85); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.85);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.85);opacity:0;}
	100%
	{ transform: scale(.9);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.85);opacity:1; display:block;}
}
		
}

@media
only screen and (max-width:960px) and (min-width:900px),
only screen and (max-height:960px) and (min-height:900px)		{

.stage
{
	width:100%;
	margin:-15px auto;
	opacity: 1;
	transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
}
#centered		{
	margin:0 auto;
	max-width:900px;
	max-height:900px;
	z-index:50;
}
#overlay	{
	width: 900px;
	height: 900px;
	margin:-60px 0 0 -75px;
	opacity: 1;
	transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	position: relative;
}
#stripe		{
	z-index: 0;
	top: 330px;
	height: 130px;
	
	}
#stripe2		{
	z-index: -1;
	top: 330px;
	height: 130px;
	}

@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.8); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.8);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.8);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.8);opacity:1; display:block;}
}
		
}


@media 
	only screen and (max-width:900px) and (min-width:768px),
	only screen and (max-height:900px) and (min-height:768px)		{
.stage
{
	width:100%;
	margin:-25px auto;
	opacity: 1;
	transform: scale(.85);
	-moz-transform: scale(.85);
	-ms-transform: scale(.85);
}
#centered		{
	margin:0 auto;
	max-width:768px;
	max-height:768px;
	z-index:50;
}
#overlay	{
	width: 768px;
	height: 768px;
	margin:-70px 0 0 -95px;
	opacity: 1;
	transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	position: relative;
}
#stripe		{
	z-index: 0;
	top: 320px;
	height: 120px;
	
	}
#stripe2		{
	z-index: -1;
	top: 320px;
	height: 120px;
	}
#click		{
			margin:250px 0 0 75%;
			z-index:100;
			width:25%;
			max-width:350px;
			min-width:150px;
}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.75); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.75);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.75);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.75);opacity:1; display:block;}
}
		
}
@media 
	only screen and (max-width:768px) and (min-width:680px),
	only screen and (max-height:768px) and (min-height:680px)		{
	
	.stage
{
	width:100%;
	margin:-65px auto;
	opacity: 1;
	transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
}
#centered		{
	margin:0 auto;
	max-width:680px;
	max-height:680px;
	z-index:50;
}
#overlay	{
	width: 600px;
	height: 600px;
	margin:-80px 0 0 -100px;
	opacity: 1;
	transform: scale(.65);
	-moz-transform: scale(.65);
	-ms-transform: scale(.65);
	position: relative;
}
#stripe		{
	z-index: 0;
	top: 290px;
	height: 110px;
	
	}
#stripe2		{
	z-index: -1;
	top: 290px;
	height: 110px;
	}
#click		{
			margin:250px 0 0 75%;
			z-index:100;
			width:30%;
			max-width:350px;
			min-width:150px;
}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.65); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.65);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.65);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.65);opacity:1; display:block;}
}

		
}
@media 
	only screen and (max-width:680px) and (min-width:600px),
	only screen and (max-height:680px) and (min-height:600px)	{
	
	.stage
{
	width:100%;
	margin:-85px auto;
	opacity: 1;
	transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
}
#centered		{
	margin:0 auto;
	max-width:600px;
	max-height:600px;
	z-index:50;
}
#overlay	{
	width: 600px;
	height: 600px;
	margin:-85px 0 0 -100px;
	opacity: 1;
	transform: scale(.55);
	-moz-transform: scale(.55);
	-ms-transform: scale(.55);
	position: relative;
}
#stripe		{
	z-index: 0;
	top: 230px;
	height: 100px;
	
	}
#stripe2		{
	z-index: -1;
	top: 230px;
	height: 100px;
	}
#click		{
			margin:250px 0 0 80%;
			z-index:100;
			width:40%;
}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.55); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.55);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.55);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.55);opacity:1; display:block;}
}

		
}
@media 
	only screen and (max-width:600px) and (min-width:490px),
	only screen and (max-height:600px) and (min-height:490px)	{	
	.stage
{
	width:100%;
	margin:-95px auto;
	opacity: 1;
	transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
}
#centered		{
	margin:0 auto;
	max-width:480px;
	max-height:480px;
	z-index:50;
}
#overlay	{
	width: 480px;
	height: 480px;
	margin:-95px 0 0 -125px;
	opacity: 1;
	transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	position: relative;
}
#stripe		{
	z-index: 0;
	top: 220px;
	height: 90px;
	
	}
#stripe2		{
	z-index: -1;
	top: 220px;
	height: 90px;
	}
#click		{
			margin:250px 0 0 80%;
			z-index:100;
			width:40%;
}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.5); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.5);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.5);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.5);opacity:1; display:block;}
}

		
}

@media 
	only screen and (max-width:490px) and (min-width:380px),
	only screen and (max-height:490px) and (min-height:380px)	{
#click		{
			margin:250px 0 0 90%;
			z-index:100;
			width:40%;
}
	
	.stage
{
	width:100%;
	margin:-115px auto;
	opacity: 1;
	transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
}
#centered		{
	margin:0 auto;
	max-width:360px;
	max-height:360px;
	z-index:50;
}
#overlay	{
	width: 360px;
	height: 360px;
	margin:-100px 0 0 -135px;
	opacity: 1;
	transform: scale(.4);
	-moz-transform: scale(.4);
	-ms-transform: scale(.4);
	position: relative;
}
#stripe		{
	z-index: 0;
	top: 160px;
	height: 80px;
	
	}
#stripe2		{
	z-index: -1;
	top: 160px;
	height: 80px;
	}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.4); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.4);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.4);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.4);opacity:1; display:block;}
}

		
}

@media 
	only screen and (max-width:380px),
	only screen and (max-height:380px)	{
#click		{
			margin:250px 0 0 90%;
			z-index:100;
			width:50%;
}
	.stage
{
	width:100%;
	margin:-155px auto;
	opacity: 1;
	transform: scale(.4);
	-moz-transform: scale(.4);
	-ms-transform: scale(.4);
}
#centered		{
	margin:0 auto;
	max-width:320px;
	max-height:320px;
	z-index:50;
}
#overlay	{
	width: 320px;
	height: 320px;
	margin:-100px 0 0 -105px;
	opacity: 1;
	transform: scale(.3);
	-moz-transform: scale(.3);
	-ms-transform: scale(.3);
	position: relative;
}
#stripe		{
	z-index: 0;
	top: 150px;
	height: 50px;
	
	}
#stripe2		{
	z-index: -1;
	top: 150px;
	height: 50px;
	}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.3); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.3);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.3);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.3);opacity:1; display:block;}
}

		
}