@charset "utf-8";
@media 
	 screen and (-webkit-min-device-pixel-ratio: 0)	{
		 #issues	{
				display:none; 
		 }
		 }
		 
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {		 

#skater		{
	z-index:100;
}
#skater2	{
	z-index:100;
}

#tritext		{
	position:absolute;
	display:block;
	margin:640px auto 0;
	z-index:20;
	width:950px;
	padding:0 10px 0 14px;
}

		 @-webkit-keyframes skating
{
	0.00%
	{	-webkit-transform: translateX(225px) translateY(500px) rotateZ(0deg) rotateY(180deg) scale(.1); opacity:.5;}
	10.00%
	{	-webkit-transform: translateX(175px) translateY(550px) rotateZ(0deg) rotateY(0deg) scale(.2); opacity:.7;}
	20.00%
	{	-webkit-transform: translateX(250px) translateY(560px) rotateZ(0deg) rotateY(180deg) scale(.3); opacity:.85;}
	30.00%
	{	-webkit-transform: translateX(140px) translateY(575px) rotateZ(0deg) rotateY(180deg) scale(.4); opacity:1;}
	30.10%
	{	-webkit-transform: translateX(140px) translateY(575px) rotateZ(0deg) rotateY(180deg) scale(.4); opacity:0;}
	39.00%
	{	-webkit-transform: translateX(275px) translateY(675px) rotateZ(-10deg) rotateY(0Deg) scale(.5); opacity:0;}
	40.00%
	{	-webkit-transform: translateX(275px) translateY(675px) rotateZ(-10deg) rotateY(0Deg) scale(.5); opacity:1;}
	45.00%
	{	-webkit-transform: translateX(450px) translateY(550px) rotateZ(-180deg) rotateY(0Deg) scale(1); opacity:1;}
	50.00%
	{	-webkit-transform: translateX(750px) translateY(500px) rotateZ(-360deg) rotateY(0Deg) scale(.8); opacity:1;}
	50.10%
	{	-webkit-transform: translateX(760px) translateY(500px) rotateZ(-360deg) rotateY(0Deg) scale(.01); opacity:.0;}
	60.00%
	{	-webkit-transform: translateX(775px) translateY(525px) rotateZ(-360deg) rotateY(180deg) scale(.4); opacity:.85;}
	70.00%
	{	-webkit-transform: translateX(450px) translateY(575px) rotateZ(-360deg) rotateY(180deg) scale(.3); opacity:.85;}
	80.00%
	{	-webkit-transform: translateX(525px) translateY(550px) rotateZ(-360deg) rotateY(0deg) scale(.2); opacity:.7;}
	90.00%
	{	-webkit-transform: translateX(300px) translateY(525px) rotateZ(-360deg) rotateY(180deg) scale(.1); opacity:.6;}
	100.00%
	{	-webkit-transform: translateX(225px) translateY(500px) rotateZ(-360deg) rotateY(180deg) scale(.1); opacity:.5;}
}

}
@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:1024px) and (min-width:960px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:1024px) and (min-width:960px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:1024px) and (min-width:960px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:1024px) and (min-width:960px),
only screen and (                min-resolution: 192dpi) and (max-width:1024px) and (min-width:960px),
only screen and (                min-resolution: 2dppx) and (max-width:1024px) and (min-width:960px) {
*			{
		margin:0;
		padding:0;
}
.stage		{
	width:100%;
	margin:0;
	opacity: 1;
	transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
}
#centered		{
	margin:0 auto;
	max-width:960px;
	max-height:960px;
	z-index:50;
}
#overlay	{
	width: 100%;
	height: 960px;
	opacity: 1;
	transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	position: relative;
	margin:0;
}
@-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 (-webkit-min-device-pixel-ratio: 2) and (max-width:960px) and (min-width:900px) and (max-height:960px) and (min-height:900px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:960px) and (min-width:900px) and (max-height:960px) and (min-height:900px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:960px) and (min-width:900px) and (max-height:960px) and (min-height:900px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:960px) and (min-width:900px) and (max-height:960px) and (min-height:900px),
only screen and (                min-resolution: 192dpi) and (max-width:960px) and (min-width:900px) and (max-height:960px) and (min-height:900px),
only screen and (                min-resolution: 2dppx) and (max-width:960px) and (min-width:900px) and (max-height:960px) and (min-height:900px){
#centered		{
	margin:0 auto;
	max-width:900px;
	max-height:900px;
	z-index:50;
}
.stage		{
	width:100%;
	margin:0;
	opacity: 1;
	transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
}
#overlay	{
	width: 900px;
	height: 900px;
	opacity: 1;
	transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	position: relative;
	margin:0;
}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.7); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.7);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.7);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.7);opacity:1; display:block;}
}
		
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:900px) and (min-width:768px) and (max-height:900px) and (min-height:768px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:900px) and (min-width:768px) and (max-height:900px) and (min-height:768px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:900px) and (min-width:768px) and (max-height:900px) and (min-height:768px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:900px) and (min-width:768px) and (max-height:900px) and (min-height:768px),
only screen and (                min-resolution: 192dpi) and (max-width:900px) and (min-width:768px) and (max-height:900px) and (min-height:768px),
only screen and (                min-resolution: 2dppx) and (max-width:900px) and (min-width:768px) and (max-height:900px) and (min-height:768px)		{

#centered		{
	margin:0 auto;
	max-width:800px;
	max-height:800px;
	z-index:50;
}
.stage		{
	width:100%;
	margin:0;
	opacity: 1;
	transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
}
#overlay	{
	width: 800px;
	height: 800px;
	opacity: 1;
	transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	position: relative;
	margin:0;
}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.7); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.7);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.7);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.7);opacity:1; display:block;}
}
		
}
@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:768px) and (min-width:680px) and (max-height:768px) and (min-height:680px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:768px) and (min-width:680px) and (max-height:768px) and (min-height:680px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:768px) and (min-width:680px) and (max-height:768px) and (min-height:680px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:768px) and (min-width:680px) and (max-height:768px) and (min-height:680px),
only screen and (                min-resolution: 192dpi) and (max-width:768px) and (min-width:680px) and (max-height:768px) and (min-height:680px),
only screen and (                min-resolution: 2dppx) and (max-width:768px) and (min-width:680px) and (max-height:768px) and (min-height:680px)		{
	
#centered		{
	margin:0 auto;
	max-width:600px;
	max-height:600px;
	z-index:50;
}
.stage		{
	width:100%;
	margin:0;
	opacity: 1;
	transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
}
#overlay	{
	width: 600px;
	height: 600px;
	opacity: 1;
	transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
	position: relative;
	margin:0;
}
@-webkit-keyframes show_overlay
{
	0%
	{ -webkit-transform: scale(.2); opacity:0; }
	100%
	{ -webkit-transform: scale(.6); opacity:1; display:block;}
}
@-moz-keyframes show_overlay
{
	0%
	{ -moz-transform: scale(.2); opacity:0;}
	100%
	{ -moz-transform: scale(.6);opacity:1; display:block;}
}
@-ms-keyframes show_overlay
{
	0%
	{ transform: scale(.2);opacity:0;}
	100%
	{ transform: scale(.6);opacity:1; display:block;}
}
@keyframes show_overlay
{
	0%
	{transform: scale(.2);opacity:0;}
	100%
	{transform: scale(.6);opacity:1; display:block;}
}

		
}
@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:680px) and (min-width:600px) and (max-height:680px) and (min-height:600px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:680px) and (min-width:600px) and (max-height:680px) and (min-height:600px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:680px) and (min-width:600px) and (max-height:680px) and (min-height:600px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:680px) and (min-width:600px) and (max-height:680px) and (min-height:600px),
only screen and (                min-resolution: 192dpi) and (max-width:680px) and (min-width:600px) and (max-height:680px) and (min-height:600px),
only screen and (                min-resolution: 2dppx) and (max-width:680px) and (min-width:600px) and (max-height:680px) and (min-height:600px)	{
	
#centered		{
	margin:0 auto;
	max-width:480px;
	max-height:480px;
	z-index:50;
}
.stage		{
	width:100%;
	margin:0;
	opacity: 1;
	transform: scale(.6);
	-moz-transform: scale(.6);
	-ms-transform: scale(.6);
}
#overlay	{
	width: 480px;
	height: 480px;
	opacity: 1;
	transform: scale(.55);
	-moz-transform: scale(.55);
	-ms-transform: scale(.55);
	position: relative;
	margin:0;
}
@-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 (-webkit-min-device-pixel-ratio: 2) and (max-width:600px) and (min-width:480px) and (max-height:600px) and (min-height:480px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:600px) and (min-width:480px) and (max-height:600px) and (min-height:480px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:600px) and (min-width:480px) and (max-height:600px) and (min-height:480px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:600px) and (min-width:480px) and (max-height:600px) and (min-height:480px),
only screen and (                min-resolution: 192dpi) and (max-width:600px) and (min-width:480px) and (max-height:600px) and (min-height:480px),
only screen and (                min-resolution: 2dppx) and (max-width:600px) and (min-width:480px) and (max-height:600px) and (min-height:480px)	{
.stage		{
	width:100%;
	margin:0;
	opacity: 1;
	transform: scale(.55);
	-moz-transform: scale(.55);
	-ms-transform: scale(.55);
}	
#centered		{
	margin:0 auto;
	max-width:480px;
	max-height:480px;
	z-index:50;
}
#overlay	{
	width: 480px;
	height: 480px;
	opacity: 1;
	transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	position: relative;
	margin:0;
}
@-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 (-webkit-min-device-pixel-ratio: 2) and (max-width:480px) and (min-width:360px) and (max-height:480px) and (min-height:360px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:480px) and (min-width:360px) and (max-height:480px) and (min-height:360px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:480px) and (min-width:360px) and (max-height:480px) and (min-height:360px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:480px) and (min-width:360px) and (max-height:480px) and (min-height:360px),
only screen and (                min-resolution: 192dpi) and (max-width:480px) and (min-width:360px) and (max-height:480px) and (min-height:360px),
only screen and (                min-resolution: 2dppx) and (max-width:480px) and (min-width:360px) and (max-height:480px) and (min-height:360px)	{
	
#centered		{
	margin:0 auto;
	max-width:360px;
	max-height:360px;
	z-index:50;
}
.stage		{
	width:100%;
	margin:0;
	opacity: 1;
	transform: scale(.45);
	-moz-transform: scale(.45);
	-ms-transform: scale(.45);
}
#overlay	{
	width: 360px;
	height: 360px;
	opacity: 1;
	transform: scale(.4);
	-moz-transform: scale(.4);
	-ms-transform: scale(.4);
	position: relative;
	margin:0;
}
@-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 (-webkit-min-device-pixel-ratio: 2) and (max-width:360px) and (max-height:360px),
only screen and (   min--moz-device-pixel-ratio: 2) and (max-width:360px) and (max-height:360px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width:360px) and (max-height:360px),
only screen and (        min-device-pixel-ratio: 2) and (max-width:360px) and (max-height:360px),
only screen and (                min-resolution: 192dpi) and (max-width:360px) and (max-height:360px),
only screen and (                min-resolution: 2dppx) and (max-width:360px) and (max-height:360px)	{
	
#centered		{
	margin:0 auto;
	max-width:320px;
	max-height:320px;
	z-index:50;
}
.stage		{
	width:100%;
	margin:0;
	opacity: 1;
	transform: scale(.35);
	-moz-transform: scale(.35);
	-ms-transform: scale(.35);
}
#overlay	{
	width: 320px;
	height: 320px;
	opacity: 1;
	transform: scale(.3);
	-moz-transform: scale(.3);
	-ms-transform: scale(.3);
	position: relative;
	margin:0;
}
@-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;}
}

		
}