html#titanAttacks { background:#0c0402;} 
#titanAttacks #page {
	background:-webkit-linear-gradient(181deg, rgba(120,0,255,0.5) 0%, rgba(130,0,255,0.1) 20em, rgba(140,0,255,0) 100em);
	background:linear-gradient(181deg, rgba(120,0,255,0.5) 0%, rgba(130,0,255,0.1) 20em, rgba(140,0,255,0) 100em);
	background-attachment:fixed;
}
#titanAttacks #one { background-image:url('../images/titan-attacks/TA-top.jpg') }
#titanAttacks #two { background-image:url('../images/titan-attacks/TA-bottom.jpg'); opacity:0}

#titanAttacks #puppyContent h1 {font-size:3.25em;}
#titanAttacks #intro h2 { margin: 0.5em 0;}

#titanAttacks figure.review {padding-bottom:1em !important}
#titanAttacks figure.review blockquote  {color:#beb8a9 !important}
#titanAttacks figure.review blockquote strong {color:white !important}

#titanAttacks figure.review figcaption, figure.review.titanAttacksCharacter figcaption {padding-left:7.5em;}
#titanAttacks figure.review figcaption:before, figure.review.titanAttacksCharacter figcaption:before {margin-left:-9.5em;}
#titanAttacks figure.review figcaption img, figure.review.titanAttacksCharacter figcaption img {height:180%;bottom:-1.0em;left:0.5em;}

#titanAttacks #intro .column figure.review {margin-top:0.5em}

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

#titanAttacks #end > div {text-align:center;padding-left:1em;padding-right:1em}
#titanAttacks #end > div > p {margin:0 auto 1em}
#titanAttacks #end h2 {margin:0.5em 0 1em}

#titanAttacks #end > div {text-align:center;padding-left:1em;padding-right:1em}
#titanAttacks #end > div > p {margin:0 auto 1em}
#titanAttacks #end h2 {margin:0.5em 0 1em}	


/* tablet or phone probably */
	
@media all and (max-width:53em) {
	#titanAttacks #one { background-image:url('../images/titan-attacks/TA-top-small.jpg') }
	#titanAttacks #intro h2 {text-align:center;margin:1em auto}
	#titanAttacks #intro .column figure.review {margin:1.5em auto 3.5em}
	#titanAttacks #puppyContent h1 { font-size: 2.5em; }
}