body, html {
			height:100%;	
		}
	
		body { 
			font-family:"Lato", sans-serif;
		}
		
		.columns {
			height:100%;	
		}
		
		p {
			font-family:"Lato", sans-serif;
		}button
		
/* TITLE SCREEN */
		.button_row { 
			position:absolute; 
			top:0; 
			width:100%!important;
		}		
		
		.button_row a { 		
			font-size:.7rem!important;			
		}
		
		.button_row a.button { 
			background-color: #777!important;
    	color: #fefefe;
		}		
		
		#brainSprintWrap {
			text-align:center;
			background:url(/images/site/games/brainSprint/i-bg_brainTiles.png);
			font-family: 'Slabo 27px', serif;
		}
		
		#brainSprintWrap a.button { 
			font-family:"Chivo", sans-serif; 
			font-weight:900;
			text-rendering: optimizeLegibility;	
	    text-shadow: 0px 1px 1px #000;
			color:#fff!important;	
			padding: .75rem 2rem .75rem 2rem!important;
	    margin: 0 0 0.75rem!important;
		}		
		
		#brainSprintWrap .button.disabled, #brainSprintWrap .button[disabled] {
			background:lightgray;
			color:lightgray!important;	
		}		
		
		#brainSprintWrap a h1, #brainSprintWrap a h4 {
			color:#fff!important;
		}		
		
		#brainSprintWrap a h4 {
			display:inline;
		}				
		
		.brainSprintCenterTitle {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bdddf4+0,6eb5d5+100 */
		background: #bdddf4; /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, #bdddf4 0%, #6eb5d5 100%); /* FF3.6-15 */
		background: -webkit-radial-gradient(center, ellipse cover, #bdddf4 0%,#6eb5d5 100%); /* Chrome10-25,Safari5.1-6 */
		background: radial-gradient(ellipse at center, #bdddf4 0%,#6eb5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdddf4', endColorstr='#6eb5d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			height:640px;		
			border-left:1px solid #333;
			border-right:1px solid #333;
			position:relative;
			padding-top:0rem;
			overflow:hidden;				
		}				
		
		.brainSprintCenter {
			background:url(/images/site/games/brainSprint/bg-bs_scroll1.png);
			background-position:bottom left;
			background-repeat:repeat-x;
			background-color:#bdddf4;	
			height:640px;		
			border-left:1px solid #333;
			border-right:1px solid #333;
			position:relative;
			padding-top:1rem;
			overflow:hidden;				
			animation: slide 25s linear infinite;					
		}
		
		@-webkit-keyframes slide {
				from {
						background-position: 0% 100%
				}
				to { 
						background-position: 200% 100%
				}
		}
		
		.brain {
			position:absolute;
			bottom:1%;
			left:1%;	
		}
		
		#brainSprintContent {
			text-align:center;
			position: absolute;
			left: 50%;
			top: 55%;
			width:90%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
    }
		
		#brainSprintContentEnd {
			text-align:center;
			position: absolute;
			left: 50%;
			top: 50%;
			width:90%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);	
    }	
		
		#brainSprintContentEnd h1 {
			font-size:2.5rem;	
		}
		
		#brainSprintWrap h1, #brainSprintWrap h2, #brainSprintWrap h3, #brainSprintWrap h4 {
			font-family: "Chivo", sans-serif;
			font-weight: 900;
			line-height: 1;
			letter-spacing: -.2rem;
			margin-top: .25rem;
		}
		
		#brainSprintWrap h2 {
			letter-spacing: 0rem;
		}

		#brainSprintWrap h3 {
			letter-spacing: -.1rem;
			margin-top: .25rem;
		}		
		
		#brainSprintWrap h4 {
			letter-spacing: 0rem;
		}	
		
		.button h4 {
			letter-spacing: 0rem;
			margin:0;
		}						
		
		#q_number, #q_level, #sound {
			font-family:"Chivo", sans-serif;			
			position:absolute;
			width:65px;
			font-size:.8rem;			
			background:rgba(0,0,0,0.25);
			padding:.25rem .1rem;		
			color:#fff;
			font-weight:400;
			text-rendering: optimizeLegibility;
		}
		
		#q_number {
			left:0;
			top:0;			
			border-radius:0 0 .5rem 0;				
		}		
		
		#q_level {
			right:0;
			top:0;
			border-radius:0 0 0 .5rem;				
		}	
		
		#sound {
			left:0;
			bottom:0;
			border-radius:0 .5rem 0 0;				
		}			
		
		.logo_live { width:225px; }		
		
		#bonus_points {
			background: #CC3300;
			color: #fff;
			text-align: center;
			font-weight: 900;
			position: absolute;
			bottom: 0;
			right: 0;
			padding: .25rem 1rem;
			font-family:"Lato", sans-serif;			
		}	
		
		.question {
			font-size:1.25rem;	
		}
		
		.red {
			color:#C00;
		}
		
		.green {
			color:rgba(102,204,0,0.75);	
		}
		
		.gray { 
			color:rgba(0,0,0,.75);
		}
		
		.white { 
			color:rgba(255,255,255,1);
		}	
		
		.hide { display:none }
		.noshow { visibility:hidden }	
		
		.animated {
    -webkit-animation-delay: 0s;
    animation-delay: 0s!important;
		}
		
		.fa {
			bottom: 1px;
    	position: relative;
		} 
		
@media (min-width:320px) and (max-width:480px) {
		#brainSprintWrap {
			text-align:center;
			position: absolute;
			margin:0!important;
			left: 50%;
			top: 50%;
			width:100%;
			height:100%;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			background:url(/images/site/games/brainSprint/i-bg_brainTiles.png);
			font-family: 'Slabo 27px', serif;
		}
		
		#brainSprintWrap a.button {
	    padding: .5rem 2rem .5rem 2rem!important;
		}
		
		.brainSprintCenter {
			height:100%;	
			padding-top:0.5rem;	
			border:0;			
		}	
		
		.brainSprintCenterTitle {
			height:100%;	
		}			
		
		#brainSprintContent {
			top: 58%!important;			
		}
		
		.top50 {
			top:50%!important	
		}		
		
		h1 { font-size:3rem; }	
		
		h3 {
			font-size:2rem;
		}				
		
		.question {
			font-size:1rem;
			line-height:1.25rem;			
		}
		
		.logo { width:175px; }
		
		.logo_live { width:180px!important; }		
		}
		
@media (min-width:320px) and (max-width:480px) {		
		#brainSprintContent {
			top: 62%!important;			
		}

		.logo_live { width:140px!important; }		
		
		h1 { font-size:2rem!important }		
		
		.brain { display:none }	
}

@media (min-width:320px) and (max-width:359px) {		
		#brainSprintContent {
			top: 63%!important;			
		}
		
		#brainSprintWrap a.button { 
			font-family:"Chivo", sans-serif; 
			font-weight:900;
			text-rendering: optimizeLegibility;	
	    text-shadow: 0px 1px 1px #000;
			color:#fff!important;	
			padding: .75rem 2rem .75rem 2rem!important;
	    margin: 0 0 0.25rem!important;
		}
		
		#sound {
			width:45px;	
		}			
		
}