html#ultratron { background:#0d1919; }
#ultratron #page { background:none }

#ultratron #one { background-image:url('../images/ultratron/UT-top-2.jpg') }
#ultratron #two { background-image:url('../images/ultratron/UT-bottom.jpg'); opacity:0}

#ultratron #puppyContent h1, #ultratron #puppyContent h2, #ultratron #puppyContent h3 {text-shadow:0 0 0.5em hsl(182,100%,50%) }

/*
#ultratron #puppyContent .button {border-color:hsla(180,100%,50%,0.5);color:hsl(190,100%,50%)!Important;box-shadow:0 0 0.25em hsla(190,100%,50%,0.25);}
#ultratron #puppyContent .button:hover { box-shadow:0 0 0.5em hsla(190,100%,50%,1);color:hsl(190,100%,70%)!Important;text-shadow:0 0 0.5em hsla(190,100%,50%,1);
	border-color:hsla(180,100%,60%,0.6);}
*/

#ultratron  .buyButtons .divide { 
	background:-webkit-linear-gradient( 180deg, hsla(182,100%,50%,1) 0%, hsla(180,80%,30%,0) 100%);
	background:linear-gradient( 180deg, hsla(182,100%,50%,1) 0%, hsla(180,80%,30%,0) 100%);}

#ultratron .game section .reviews figure.review blockquote {background:hsla(180,90%,10%,0.5);color:hsl(190,100%,50%)}
#ultratron .game section .reviews figure.review figcaption:before {
	background:-webkit-linear-gradient(45deg, rgba(0,0,0,0) 49%, hsla(180,90%,10%,0.5) 50%) no-repeat;
	background:linear-gradient(45deg, rgba(0,0,0,0) 49%, hsla(180,90%,10%,0.5) 50%) no-repeat;
}

#ultratron .game #intro .column figure.review blockquote {color:hsl(190,100%,50%)}
#ultratron .game #intro .column figure.review figcaption {padding-left:8em;}
#ultratron .game #intro .column figure.review figcaption:before {margin-left:-10em;}
#ultratron .game #intro .column figure.review figcaption img {bottom:-1.5em;left:1em;}

#ultratron #intro h1 {font-size:2.5em;line-height:1.125em;}
#ultratron #intro h1 strong {font-size:1.75em}

#ultratron .game #puppyContent > section { 
	background:-webkit-linear-gradient( 0deg, hsla(182,100%,30%,0.5) 0%, hsla(180,50%,5%,0.4) 50%, hsla(180,0%,0%,0.8) 100%);
	background:linear-gradient( 0deg, hsla(182,100%,30%,0.5) 0%, hsla(180,50%,5%,0.4) 50%, hsla(180,0%,0%,0.8) 100%); box-shadow:none; }

#ultratron .game #puppyContent > section#intro {
	background:-webkit-linear-gradient( 0deg, hsla(182,100%,30%,0.5) 0%, hsla(180,50%,5%,0.4) 40%, hsla(180,5%,0%,0.75) 90%, hsla(180,0%,0%,1) 100% );
	background:linear-gradient( 0deg, hsla(182,100%,30%,0.5) 0%, hsla(180,50%,5%,0.4) 40%, hsla(180,5%,0%,0.75) 90%, hsla(180,0%,0%,1) 100% ); box-shadow:none; }	

#ultratron .game #puppyContent > section:after, #ultratron #video:after { 
	background:-webkit-linear-gradient( 90deg, hsla(180,80%,30%,0) 0%, hsla(182,100%,50%,1) 40%, hsla(182,100%,50%,1) 60%, hsla(180,80%,30%,0) 100%);
	background:linear-gradient( 90deg, hsla(180,80%,30%,0) 0%, hsla(182,100%,50%,1) 40%, hsla(182,100%,50%,1) 60%, hsla(180,80%,30%,0) 100%);}

#ultratron .game #puppyContent > section#coop {background:hsla(180,0%,0%,0.8)}
#ultratron .game #puppyContent > section#coop:after {z-index:1;
	background:-webkit-linear-gradient( 90deg, hsla(180,80%,30%,0) 0%, hsla(182,100%,50%,0.5) 40%, hsla(182,100%,50%,0.5) 60%, hsla(180,80%,30%,0) 100%);
	background:linear-gradient( 90deg, hsla(180,80%,30%,0) 0%, hsla(182,100%,50%,0.5) 40%, hsla(182,100%,50%,0.5) 60%, hsla(180,80%,30%,0) 100%);}

#ultratron #coop .intro {margin-top:2em;clear:none}
#ultratron #coop div > img {float:right;width:40em;max-width:50%;margin-top:1em}

#ultratron #steam h1 {margin:0 0 0.5em}
#ultratron #steam img {width:100%;position:relative;z-index:2}
#ultratron #steam > div {display:table;padding-left:0!Important;padding-right:1em!Important}
#ultratron #steam .column {display:table-cell;vertical-align:middle;float:none;width:60%;min-width:35em}
#ultratron #steam .column + .column {width:40%;min-width:0;padding:0 0 0 1em}


#ultratron .game #end .reviews figure.review blockquote, #ultratron .game #intro .column figure.review blockquote {background:hsla(180,90%,0%,0.7) !important}
#ultratron .game #end .reviews figure.review figcaption:before, #ultratron .game #intro .column figure.review figcaption:before {
	background:-webkit-linear-gradient(45deg, rgba(0,0,0,0) 49%, hsla(180,90%,0%,0.7) 50%) no-repeat;
	background:linear-gradient(45deg, rgba(0,0,0,0) 49%, hsla(180,90%,0%,0.7) 50%) no-repeat;
}


#ultratron .game figure.review:before {background:linear-gradient( 270deg, hsla(182,100%,50%,0.4) 0%, hsla(182,80%,40%,0.15) 100%)}


 #ultratron .game #end .reviews figure.review:nth-child(2) blockquote p {font-size:1.5em}
#ultratron #end img.allOS {margin-top:-3em}	


#ultratron section#curve .column {width:56%}
#ultratron section#curve .column + .column {width:40%;margin-top:0.25em}
#ultratron #curve .consoles { padding-bottom:2em;}

#ultratron #curve img.shop {max-height:20vw;width:auto;vertical-align:middle;margin:-2em -0.375em 0.5vw}
#ultratron #curve .psLogosWrap {margin:-1em auto 1em;max-width:100%}
#ultratron #curve .psLogosWrap img.curve{max-width:80vw}

#ultratron #end > div {text-align:center;}
#ultratron #end > div > p {margin:0 auto 1em}
#ultratron #end h1 {font-size:3em;text-shadow:0 0 0.75em red, 0 0 0.25em #f30}
#ultratron #end h2 {margin:0.5em 0 1em}

#ultratron #end .trademarks {margin-bottom:0}


/* small screen */

@media all and (max-width:75em) {
	#ultratron #intro h1 { line-height:0.8em; }
	#ultratron #intro h1 strong { font-size: 1.5em; line-height:0.75em;display:block;margin-top:0.2em;}
	#ultratron #puppyContent h2 {position:absolute;bottom:-0.5em}
	#ultratron #intro .column {padding-bottom:3em}
}

/* tablet or phone probably */
	
@media all and (max-width:53em) {
	#ultratron #one { background-image:url('../images/ultratron/UT-top-small.jpg') }

	#ultratron #intro .column h2 {text-align:center;margin:0.625em auto;position:static}
	#ultratron #intro .column {  padding-bottom: 0em;}
		
	#ultratron #coop div > img {width:100%;max-width:35em;float:none;clear:both;margin:-2.5em auto 0}
	#ultratron #coop div { text-align:center}
	#ultratron #coop div h1  { display:none }
	#ultratron #coop div p {margin:0 auto 0.75em; text-align:left}
	#ultratron #coop .intro {margin-top:0;max-width:31.5em}
}