html,body{
	background: #000;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body{
	background: #000 url('../images/bg_new.jpg') center center no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
}
@media(min-width: 768px){
	#container {
		color: white;
		font-weight: bold;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
}

.cursor-trail {
	position: absolute;
	z-index: 10000;
	display: block;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	pointer-events: none;
	content: 'D';
	color: #fff;
	font-size: 24px;
	text-align: center;
}

.cursor-trail:before{
	font-style: italic;
	font-family: 'Times';
	opacity: 0.9;
	color: #fff;
}

.cursor-trail.d:before{
	content: 'D';
}
.cursor-trail.m:before{
	content: 'M';
}
.cursor-trail.a:before{
	content: 'A';
}
.cursor-trail.s:before{
	content: 'S';
}

#container a{
	width: 297px;
	height: 53px;
	display: block;
	background: url('../images/button.png') center top no-repeat;
	text-indent: -99999999px;
	background-size: 100%;
	position: absolute;
	bottom: 3%;
	left: 50%;
	z-index: 99999;
	transform: translate(-50%,-50%);
}
#container a:hover{
	background-position: center bottom;
}
@media(max-width: 767px){
	body{
		background-image: url('../images/bg_mob.jpg');
	}
	#container a{
		text-indent: 0px; 
		bottom: 10%;
		width: 260px;
		height: 47px;
	}
	#container a span{
		opacity: 0;
		width: 100%;
		height: 100%;
		display: block;
	}
	.cursor-trail:before,
	.cursor-trail {
		display: none !important;
	}
}