img, object, embed, video {
	max-width: 100%;
}

body {
	background: #000000;
	margin: 0 auto;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 21px;
	line-height: 21px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}
/*
@media only screen and (min-width: 767px) {
	.gridContainer {
		position: relative;
		margin: auto;
		width: 100%;
		max-width: 768px;
		height: 1024px;
		background: black;
	}
	
	.gridBgr {
		position: absolute;
		top: 55px;
		width: 100%;
		height: 676px;
		background: url(images/bgr.jpg) no-repeat;
		background-size: cover;
	}
	
	.gridTop {
		position: absolute;
		top: -1px;
		left: 0;
		width: 100%;
		height: 65px;
		background: #000000;
		z-index: 9999;
	}
	   
	#txtContainer {
		 position: relative;
		 width: 670px;
		 height: 1002px;
		 margin: auto;
	}
	
	
	#txt_riot {
		position: absolute;
		top: 790px;
		left: 23px;
		width: 286px;
		height: 100px;
		-webkit-animation-name: txt-header-1;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	
	#txt_girls {
		position: absolute;
		top: 871px;
		left: 143px;
		width: 286px;
		height: 100px;
		-webkit-animation-name: txt-header-2;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	
	#txt_body {
		position: absolute;
		top: 752px;
		left: 380px;
		width: 290px;
		height: 100px;
		-webkit-animation-name: txt-body;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	
	#byline {
		position: absolute;
		top: 861px;
		left: 431px;
		width: 280px;
		height: 100px;
		-webkit-animation-name: txt-by-line;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	
	 #strip1{
		position: absolute;
		top: 790px;
		left: 223px;
		width: 16px;
		height: 234px;
		background-color: #FFFFFF;
		-webkit-animation-name: up;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
		z-index: 9998;
	}
	
	 #strip2{
		position: absolute;
		top: -62px;
		left: 322px;
		width: 16px;
		height: 1000px;
		background-color: #FFFFFF;
		-webkit-animation-name: down;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
		z-index: 9997;
	}
	
	#no-T{
		position: absolute;
		top: 790px;
		left: 195px;
		width: 72px;
		height: 11px;
		background-color: #FFFFFF;
		-webkit-animation-name: top-T;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	
	#no-L{
		position: absolute;
		top: 927px;
		left: 322px;
		width: 48px;
		height: 11px;
		background-color: #FFFFFF;
		-webkit-animation-name: bottom-L;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
}


@media only screen and (max-width: 360px) {
*/
	.gridContainer {
		position: relative;
		margin: auto;
		width: 100%;
		max-width: 360px;
		height: 506px;
		background: black;	
	}
	
	.gridBgr {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		height: 320px;
		margin: auto;
		background: url(images/bgr.jpg) no-repeat;
		background-size: cover;
	}
	
	.gridTop {
		position: absolute;
		top: -1px;
		left: 0;
		width: 100%;
		height: 42px;
		background: #000000;
		z-index: 9999;
	}
	
	#txtContainer {
		 position: relative;
		 width: 450px;
		 height: 460px;
		 margin: auto;
	}
	
	#txt_riot {
		position: absolute;
		top: 400px;
		left: 23px;
		width: 146px;
		height: 100px;
		-webkit-animation-name: txt-header-1;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	#txt_girls {
		position: absolute;
		top: 440px;
		left: 82px;
		width: 146px;
		height: 100px;
		-webkit-animation-name: txt-header-2;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	#txt_body {
		position: absolute;
		top: 380px;
		left: 202px;
		width: 138px;
		-webkit-animation-name: txt-body;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}

	#byline {
		position: absolute;
		top: 440px;
		left: 230px;
		width: 120px;
		-webkit-animation-name: txt-by-line;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	
	 #strip1{
		position: absolute;
		top: 400px;
		left: 123px;
		width: 8px;
		height: 404px;
		background-color: #FFFFFF;
		-webkit-animation-name: up;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
		z-index: 9998;
	}
	
	 #strip2{
		position: absolute;
		top: -62px;
		left: 172px;
		width: 8px;
		height: 537px;
		background-color: #FFFFFF;
		-webkit-animation-name: down;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
		z-index: 9997;
	}
	
	#no-T{
		position: absolute;
		top: 397px;
		left: 114px;
		width: 25px;
		height: 7px;
		background-color: #FFFFFF;
		-webkit-animation-name: top-T;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}
	
	#no-L{
		position: absolute;
		top: 468px;
		left: 172px;
		width: 25px;
		height: 7px;
		background-color: #FFFFFF;
		-webkit-animation-name: bottom-l;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-out;
		-webkit-animation-duration: 2.5s;
	}



/* KEYFRAMES
_________________________________ */


 @-webkit-keyframes up {
	  0% { -webkit-transform: translateY(1000px);}
	 50% { -webkit-transform: translateY(0px);}
 }
 
 @-webkit-keyframes down {
	  0% { -webkit-transform: translateY(-1000px);}
	 50% { -webkit-transform: translateY(0px);}
 }
 
 @-webkit-keyframes top-T {
	  0%  { opacity: 0; }
	 52%  { opacity: 0; }
	 53%  { opacity: 1; -webkit-transform: scaleX(0); }
  	 65%  { opacity: 1; -webkit-transform: scaleX(1.2); }
 }

@-webkit-keyframes bottom-L {
	  0%  { opacity: 0; }
	 52%  { opacity: 0; }
	 53%  { opacity: 1; -webkit-transform: translateX(0px); }
  	 58%  { opacity: 1; -webkit-transform: translateX(10px);}
 }
 @-webkit-keyframes bottom-l {
	0%  { opacity: 0; }
   52%  { opacity: 0; }
   53%  { opacity: 1; -webkit-transform: translateX(0px); }
	 58%  { opacity: 1; -webkit-transform: translateX(8px);}
}

 
 @-webkit-keyframes txt-header-1 {
	  0%  { opacity: 0; }
	 71%  { opacity: 0;  -webkit-transform: translateY(20px); }
  	 79%  { opacity: 0.5;  -webkit-transform: translateY(-6px); }
	 82%  { opacity: 0.7;  -webkit-transform: translateY(4px); }
	 84%  { opacity: 0.8;  -webkit-transform: translateY(-2px); }
	 84%  { opacity: 1;  -webkit-transform: translateY(0px); }
 }

 @-webkit-keyframes txt-header-2 {
	  0%  { opacity: 0; }
	 71%  { opacity: 0;  -webkit-transform: translateY(-20px); }
  	 79%  { opacity: 0.5;  -webkit-transform: translateY(6px); }
	 82%  { opacity: 0.7;  -webkit-transform: translateY(-4px); }
	 84%  { opacity: 0.8;  -webkit-transform: translateY(2px); }
	 84%  { opacity: 1;  -webkit-transform: translateY(0px); }
 }
 
@-webkit-keyframes txt-body {
	  0%  { opacity: 0; }
	 71%  { opacity: 0;  -webkit-transform: translateY(-20px); }
  	 79%  { opacity: 0.5;  -webkit-transform: translateY(6px); }
	 82%  { opacity: 0.7;  -webkit-transform: translateY(-4px); }
	 84%  { opacity: 0.8;  -webkit-transform: translateY(2px); }
	 84%  { opacity: 1;  -webkit-transform: translateY(0px); }
 }
 
@-webkit-keyframes txt-by-line {
	 0%   { opacity: 0; }
	 71%  { opacity: 0;  -webkit-transform: translateY(20px); }
  	 79%  { opacity: 0.5;  -webkit-transform: translateY(-6px); }
	 82%  { opacity: 0.7;  -webkit-transform: translateY(4px); }
	 84%  { opacity: 0.8;  -webkit-transform: translateY(-2px); }
	 84%  { opacity: 1;  -webkit-transform: translateY(0px); }
 }