body, html { height: 100%; }
body { background-color: #535353; margin: 0px; font-family: courier, monospace; font-weight: bold; }
h1 { text-align: center; margin-top: 0px; padding-top: 20px; }
#container { background-color: #C6C6C6; max-width: 950px; margin-left: auto; margin-right: auto; height: 100%; }
#content { background-color: #EEEEEE; max-width: 600px; margin-left: auto; margin-right: auto; height: 100%; }
#input { text-align: center; }
#imgholder { width: 100%; height: 150px; margin-top: 30px; text-align: center; }
#img { display: block; margin-left: auto; margin-right: auto; max-height: 150px; border: 0; }
#img1 { max-height: 150px; margin-right: 20px; }
#img2 { max-height: 150px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
#quote { font-size: 14px; margin: 30px 30px 0px 30px; }
#footer { position: absolute; bottom: 0px; width: 100%; text-align: center; padding-bottom: 5px; font-size: 12px; }
#imgholder a { outline: 0; }
#source { margin-top: 60px; }
@media all and (max-width: 500px) {
	h1 { font-size: 20px; padding-top: 5px; margin-bottom: 5px; }
	#imgholder { height: 120px; margin-top: 10px; }
	#img { max-height: 120px; }
	#quote { margin-top: 10px; }
	#source { margin-top: 15px; }
}