body{
	
	background-color: black;
	margin: 0;
    padding: 0;
    width: 100%;
	overflow: hidden;
	

}




.slidingbgwrapper {
    overflow: hidden; /* Hides the repeated image parts outside the view */
}

.slidingbg {
	position: absolute;
    background: url("images/mdmafinal.png") repeat-x;
    height: 1500px; /* Adjust to image height */
	width: 4000%;
    animation: slide 90s linear infinite; /* Adjust duration and timing */
	opacity: .5;
}

@keyframes slide {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); /* Or the negative width of one image repeat */ }
}

.mdma {
	

	text-align: center;
	width: 100%;
	scale: .7;
	padding-bottom: -160px;
	
	
}

.logobg {
	position: absolute;
	width: 300px;
	z-index: 3;
	top: 0px;
}

.logotext {
	position: relative;
	top: 0px;
	width: 475px;
	height: 140px;
	z-index: 5;
	
}

.sidebar {
	margin-right: 0;
	padding: 0;
	width: 300px;
	background-color: black;
	position: fixed;
	height: 100%;
	overflow: hidden;
	z-index: 40;
	border: 2px solid pink;
}

.thankyou {
	text-align: center;
	position: relative;
	top: 50px;
	z-index: 30;
	color: white;
	background: url("images/checkers.jpg") repeat;
	background-size: 30px;
}