#controls{
	width:765px;
	height:30px;
	position:absolute;
	left:50%;
	margin-left:-382px;
	bottom:30px;
	z-index:50;
	opacity:1;
}

#btn-play-pause,#btn-fullscreen{
	float:left;
	cursor:pointer;
}

#progress{
	width:648px;
	height:30px;
	float:left;
	position:relative;
	margin-left:25px;
	margin-right:25px;
}

#load-bar,#play-bar,#bg-bar{
	position:absolute;
	top:12px;
	left:0px;
	height:5px;
}

#load-bar,#play-bar{
	cursor:pointer;
}

#bg-bar{
	width:648px;
	background-color: rgba(255,255,255,0.4);
}

#load-bar{
	width:648px;
	background-color: rgba(255,255,255,0.4);
}

#play-bar{
	width:0px;
	background-color: #ffffff;
}

#footer{
	min-height:100px;
	height:100%;
	background-color: #ffffff;
	width:494px;
}

@media only screen 
and (max-width : 1024px) {
/* Styles */
	#footer{
		width:330px;
	}

	#logo{
		width:280px;
		padding-left:50px;
	}

	#logo #arrow{
		left:330px;
	}
}

@media only screen 
and (max-width : 768px) {
/* Styles */
	#footer{
		width:200px;
	}

	#header{
		height:70px;
	}

	#logo{
		width:175px;
		padding-left:25px;
		padding-top:25px;
		height:45px;
	}

	#logo #logo-img{
		width:150px;
	}

	#logo #arrow{
		left:200px;
		top:24px;
	}

	#title-copy{
		font-size:24px;
	}

	#title-share{
		margin-top:5px;
	}

	#title{
		margin-top:10px;
	}

	#footer{
		min-height:inherit;
	}
}