html, body{
	background-color: #000 !important;
}


@media screen and (max-width: 500px) {	

	html, body{
		background-color: #000 !important;
	}

	.slideshow{
		display: none;

	}





	.jrbutton{
		margin-top: 20px;
	}

	.header,	.header .content{
		width: 100%;
	}


	.header .headerLinks, .gutter .search, .gutter .social, .gutter .hotline, .news{
		display: none !important;
	}

	.headerWrapper .spacer{
		height: 10px !important;
	}

	.header .headerLinks{
		width: 100%;
		padding: 5px;
	}

	.logo{
		margin: auto;
	}

	.header .button{
		float: none;
		clear: both;
		width: 90%;
		display: block;
		margin: auto;
		margin-top: 15px !important;
		margin-right: 0px !important;
		margin-left: 5% !important;;
	}

	.header .content{
		height: auto;
		float: none;
		clear: both;
	}

	.header .gutter{
		float: none;
		clear: both;
	}

	.landingWrapper{
			top: 220px;
	}


	.mainWrapper .content, .landingWrapper .content{
		width: 100% !important;
	}

	.landingThumbs{
		background: #000;
	}

	.landingThumbs div{
		float: none;
		clear: both;
		margin: auto;
		margin-top: 10px;
	}	


	.gutter{
		padding: 0px;
		margin: 0px;
		width: 100% !important;
	}

	.mainLinks{
		padding: 0px;
		margin: 0px;
		width: 100%;
		margin-top: 5px;
	}

	.mainLinks a{
		margin: auto !important;
		text-align: center;
	}

	.copy h1{
		display: none;
	}


	.mainWrapper .content{
		box-sizing: border-box;
		-moz-box-sizing:border-box; 
	}

	.copy{
		margin-top: 900px;
		box-sizing: border-box;
		-moz-box-sizing:border-box; 
		padding-left: 15px;
		padding-right: 15px;
	}


	.copy .offset{
		margin-left: 0px;
	}

	.copy div{
		width: 100%;
		margin-top: 15px;
	}

	.bottomLinks a{
		display: block;
		margin-top: 20px;
	}


	.footer{
		width: 100%;
		margin: 0px;
		padding: 0px;
		text-align: left;
		margin-bottom: 50px;
	}

	.footer a{
		display: block;
		margin-left: 5px;
		margin-top: 10px;
		color: #bbb;
	}

}