html#revenge { background:#0d0d0b; }
#revenge #page { background:none }

#revenge #one { background-image:url('../images/revenge-of-the-titans/RotT-top.jpg') }
#revenge #two { background-image:url('../images/revenge-of-the-titans/RotT-bottom.jpg'); opacity:0}

#revenge figure.review figcaption, figure.review.revengeCharacter figcaption {padding-left:5.5em;}
#revenge figure.review figcaption:before, figure.review.revengeCharacter figcaption:before {margin-left:-7.5em;}
#revenge figure.review figcaption img, figure.review.revengeCharacter figcaption img {height:150%;bottom:0em;left:0.5em;}

#revenge #intro .column {width:38%}
#revenge #intro .column + .column {width:58%}
#revenge #intro .column figure.review {float:right;width:90%;min-width:18em;margin:0 0 1em}
#revenge #intro .column figure.review figcaption {padding-left:9.5em;}
#revenge #intro .column figure.review figcaption:before {margin-left:-11.5em;}
#revenge #intro .column figure.review figcaption img {height:400%;bottom:-9.75em;left:-1.5em;}

#revenge #sandbox h1 {font-size:2.75em}
#revenge #sandboxLogo {float:left;width:100%;margin:-0.25em 0 0.75em -5%}

#revenge #puppyContent #sandbox div.slideshowWrap {width:100%; margin-top:1.5em}
#revenge #sandbox .column:first-of-type {width:60%;}
#revenge #sandbox .column {width:36%;position:relative}
#revenge #sandbox .button {float:left;margin-top:1em;width:48%;padding:0;clear:none;max-width:12em}
#revenge #sandbox .button:first-of-type {margin-right:4%}

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

#revenge #xmas img {width:50%;float:left;margin:-2% 0 0}
#revenge #xmas .column {width:50%;margin:0;}

#revenge #end > div {text-align:center;}
#revenge #end > div > p {margin:0 auto 1em}
#revenge #end h1 {font-size:3em;}
#revenge #end h2 {margin:0.5em 0 1em}

#revenge #end > div:first-of-type {padding-left:0;padding-right:0;}
#revenge #end > div:first-of-type .review {width:48%}
#revenge #end > div:first-of-type .review:last-of-type {width:70%;float:none;margin:0 auto 0;clear:both;padding-top:0.5em}


/* small screen */

@media all and (max-width:75em) {
	#revenge #sandbox .slideshowWrap{margin-bottom:1.5em}
	#revenge #sandbox .column {width: 100% !important; margin:0}
	#revenge #sandboxLogo {width:40%;min-width:10em;float:right;margin-left:5%}
	#revenge #sandbox .button:first-of-type {clear:left}
	#revenge ul { list-style-position:inside }
}

/* tablet or phone probably */
	
@media all and (max-width:53em) {
	#revenge #one { background-image:url('../images/revenge-of-the-titans/RotT-top-small.jpg') }
	#revenge #intro .column figure.review {width: 100%;float:none;margin:1em auto 11em}
	#revenge #xmas img {width: 100%;}
	#revenge #xmas .column { float:none; width: 100%;max-width: 31.5em;margin:0 auto;text-align:center}
	#revenge #end > div:first-of-type .review {width:100% !important}	
	#revenge #end h2 {font-size:1.5em}
}