html {
    height: 100%;
}
body {
    min-height: 100%;
}
#disclaimer, p.quote { /* ADD TO CENTERED THINGS HERE */
	margin-left: auto;
	margin-right: auto;
}
#disclaimer {
    text-align: center;
    padding-bottom: 15px;
}
#disclaimer p {
    font-size: 15px;
}
p.quote {
    color: white;
    font-weight: 600;
    background-color: #494949;
}
#comment_box {
    padding-top: 5px;
    padding-bottom: 50px;
}
.blank {
    clear: both;
}
.side {
    text-align: center;
    height: 100%;
	background: red;
}
.side2 {
    text-align: center;
    height: 100%;
	background: blue;
}
.side3 {
    text-align: center;
    height: 100%;
	background: green;
}
.footer {
    background: yellow;
    position: fixed;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
}
.footer p {
    padding-top: 5px;
}
img.rocket_ft {
    width: 42px;
    height: 42px;
    padding: 5px;
}
img.rocket_s1, img.rocket_s2, img.rocket_s3 {
    padding: 5px;
    width: 200px;
    height: 200px;
}
@media all { /* DEFAULTS */
	#comment_box {
		width: 500px;
    }
	#disclaimer {
        width: 500px;
    }
	p.quote {
        width: 500px;
    }
}
@media all and (max-width: 400px) { 
	#comment_box {
		margin-left: -29px;
    }
}
@media all and (max-width: 534px) and (min-width: 401px) { 
	#comment_box {
		margin-left: -20px;
    }
}
@media all and (max-width: 399px) { /* AUTO ADJUST TEXT SIZE OF FOOTER TEXT ON SMALL WIDTH SCREENS*/
	.footer p {
		font-size: 4vmin;
		margin-top: -0.6vmin;
	}
}
@media all and (max-width: 640px) and (min-width: 400px) { /* AUTO ADJUST TEXT SIZE OF FOOTER TEXT ON SMALL WIDTH SCREENS*/
	.footer p {
		font-size: 3.5vmin;
		margin-top: -0.6vmin;
	}
}
@media all and (min-width: 641px) { /* AUTO ADJUST TEXT SIZE OF FOOTER TEXT ON SMALL WIDTH SCREENS*/
	.footer p {
		margin-top: 10px;
	}
}
@media all and (min-width: 641px) { /* ADVERTISING SIDEBARS */
	#disclaimer, p.quote { /* REMOVE CENTERING */
		margin-left: 0;
		margin-right: 0;
	}
	#comment_box {
		margin-left: 0;
		float: left;
    }
}
@media all and (min-width: 1024px) { /* STACK SIDEBARS NEXT TO EACH OTHER */
	.side {
		margin-right: 20px;
	}
}
@media all and (max-width: 200px) {
    body {
        width: 200px;
    }
    #comment_box {
        width: 180px;
    }
    #disclaimer {
        width: 200px;
    }
    p.quote {
        width: 180px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 220px) and (min-width: 201px) {
    body {
        width: 200px;
    }
    #comment_box {
        width: 200px;
    }
    #disclaimer {
        width: 200px;
    }
    p.quote {
        width: 200px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 240px) and (min-width: 221px) {
    body {
        width: 220px;
    }
    #comment_box {
        width: 220px;
    }
    #disclaimer {
        width: 220px;
    }
    p.quote {
        width: 220px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 260px) and (min-width: 241px) {
    body {
        width: 230px;
    }
    #comment_box {
        width: 230px;
    }
    #disclaimer {
        width: 230px;
    }
    p.quote {
        width: 230px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 280px) and (min-width: 261px) {
    body {
        width: 250px;
    }
    #comment_box {
        width: 250px;
    }
    #disclaimer {
        width: 250px;
    }
    p.quote {
        width: 250px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 300px) and (min-width: 281px) {
    body {
        width: 270px;
    }
    #comment_box {
        width: 270px;
    }
    #disclaimer {
        width: 270px;
    }
    p.quote {
        width: 270px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 320px) and (min-width: 301px) {
    body {
        width: 290px;
    }
    #comment_box {
        width: 290px;
    }
    #disclaimer {
        width: 290px;
    }
    p.quote {
        width: 290px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 340px) and (min-width: 321px) {
    body {
        width: 310px;
    }
    #comment_box {
        width: 310px;
    }
    #disclaimer {
        width: 310px;
    }
    p.quote {
        width: 310px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 360px) and (min-width: 341px) {
    body {
        width: 330px;
    }
    #comment_box {
        width: 330px;
    }
    #disclaimer {
        width: 330px;
    }
    p.quote {
        width: 330px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 375px) and (min-width: 361px) {
    body {
        width: 350px;
    }
    #comment_box {
        width: 350px;
    }
    #disclaimer {
        width: 350px;
    }
    p.quote {
        width: 350px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 380px) and (min-width: 376px) {
    body {
        width: 365px;
    }
    #comment_box {
        width: 365px;
    }
    #disclaimer {
        width: 365px;
    }
    p.quote {
        width: 365px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 400px) and (min-width: 381px) {
    body {
        width: 370px;
    }
    #comment_box {
        width: 370px;
    }
    #disclaimer {
        width: 370px;
    }
    p.quote {
        width: 370px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 414px) and (min-width: 401px) {
    body {
        width: 380px;
    }
    #comment_box {
        width: 380px;
    }
    #disclaimer {
        width: 380px;
    }
    p.quote {
        width: 380px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 450px) and (min-width: 415px) {
    body {
        width: 393px;
    }
    #comment_box {
        width: 393px;
    }
    #disclaimer {
        width: 393px;
    }
    p.quote {
        width: 393px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 480px) and (min-width: 451px) {
    body {
        width: 430px;
    }
    #comment_box {
        width: 430px;
    }
    #disclaimer {
        width: 430px;
    }
    p.quote {
        width: 430px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 500px) and (min-width: 481px) {
    body {
        width: 470px;
    }
    #comment_box {
        width: 470px;
    }
    #disclaimer {
        width: 470px;
    }
    p.quote {
        width: 470px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 535px) and (min-width: 501px) {
    body {
        width: 490px;
    }
    #comment_box {
        width: 490px;
    }
    #disclaimer {
        width: 490px;
    }
    p.quote {
        width: 490px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 568px) and (min-width: 536px) {
    body {
        width: 525px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 600px) and (min-width: 569px) {
    body {
        width: 550px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 640px) and (min-width: 601px) {
    body {
        width: 590px;
    }
    .side {
        display: none;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
}
@media all and (max-width: 666px) and (min-width: 641px) {
    body {
        width: 630px;
    }
    .side {
        float: left;
        width: 100px;
        height: 100%;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
    img.rocket_s1 {
        width: 90px;
        height: 90px;
    }
}
@media all and (max-width: 736px) and (min-width: 667px) {
    body {
        width: 655px;
    }
    .side {
        float: right;
        width: 130px;
        height: 100%;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
    img.rocket_s1 {
        width: 120px;
        height: 120px;
    }
}
@media all and (max-width: 800px) and (min-width: 737px) {
    body {
        width: 727px;
    }
    .side {
        float: right;
        padding-left: 10px;
        width: 197px;
        height: 100%;
    }
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
    }
	img.rocket_s1 {
		margin-left: -5px;
        width: 187px;
        height: 187px;
    }
}
@media all and (max-width: 900px) and (min-width: 801px) {
    body {
        width: 790px;
    }
	.side {
        float: right;
        padding-left: 10px;
        width: 227px;
        height: 100%;
	}
    .side2 {
        display: none;
    }
    .side3 {
        display: none;
	}
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1023px) and (min-width: 901px) {
    body {
        width: 890px;
    }
	.side, .side2 {
        float: right;
        margin-left: 10px;
		margin-right: 10px;
        width: 317px;
        height: 100%;
	}
    .side3 {
        display: none;
	}
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1100px) and (min-width: 1024px) {
    body {
        width: 1000px;
    }
	.side, .side2 {
        float: right;
        margin-left: 25px;
        width: 200px;
        height: 100%;
    }
	.side3 {
        display: none;
    }
    .blank {
        clear: both;
        width: 100%;
    }
	img.rocket_s1, img.rocket_s2 {
        width: 190px;
        height: 190px;
    }
}
@media all and (max-width: 1199px) and (min-width: 1101px) {
    body {
        width: 1060px;
    }
	.side, .side2 {
        float: right;
        margin-left: 25px;
        width: 235px;
        height: 100%;
    }
	.side3 {
        display: none;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1279px) and (min-width: 1200px) {
    body {
        width: 1160px;
    }
    .side, .side2 {
        float: right;
        width: 280px;
        margin-left: 16px;
        height: 100%;
    }
	.side3 {
        display: none;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1359px) and (min-width: 1280px) {
    body {
        width: 1230px;
    }
    .side, .side2 {
        float: right;
        width: 325px;
        margin-left: 20px;
        height: 100%;
    }
    .side3 {
        display: none;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1439px) and (min-width: 1360px) {
    body {
        width: 1320px;
    }
    .side, .side2 {
        float: right;
        width: 370px;
        margin-left: 16px;
        height: 100%;
    }
	.side3 {
        display: none;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1519px) and (min-width: 1440px) {
    body {
        width: 1400px;
    }
    .side, .side2, .side3 {
        float: right;
        width: 270px;
        margin-left: 16px;
        height: 100%;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1599px) and (min-width: 1520px) {
    body {
        width: 1480px;
    }
    .side, .side2, .side3 {
        float: right;
        width: 290px;
        margin-left: 20px;
        height: 100%;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1679px) and (min-width: 1600px) {
    body {
        width: 1560px;
    }
    .side, .side2, .side3 {
        float: right;
        width: 320px;
        margin-left: 16px;
        height: 100%;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1799px) and (min-width: 1680px) {
    body {
        width: 1650px;
    }
    .side, .side2, .side3 {
        float: right;
        width: 350px;
        margin-left: 16px;
        height: 100%;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1899px) and (min-width: 1800px) {
    body {
        width: 1760px;
    }
    .side, .side2, .side3 {
        float: right;
        width: 390px;
        margin-left: 16px;
        height: 100%;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 1999px) and (min-width: 1900px) {
    body {
        width: 1860px;
    }
    .side, .side2, .side3 {
        float: right;
        width: 420px;
        margin-left: 20px;
        height: 100%;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (max-width: 2199px) and (min-width: 2000px) {
    body {
        width: 1960px;
    }
    .side, .side2, .side3 {
        float: right;
        width: 450px;
        margin-left: 20px;
        height: 100%;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}
@media all and (min-width: 2200px) {
    body {
        width: 2160px;
    }
    .side, .side2, .side3 {
        float: right;
        width: 520px;
        margin-left: 20px;
        height: 100%;
    }
    .blank {
        clear: both;
        width: 100%;
    }
}