body {
font-family: 'DIN Pro';
padding:0; margin:0;
background-color:#000;
}
#bp { margin:0; padding:0;
}
#bp .lf{
padding-left:5%; padding-right:5%;}

@media (min-width: 320px) and (max-width: 481px) {
	
}
@media (min-width: 480px) and (max-width: 767px) {
#bp .procedure p{
	width:50%;
	font-size:20px; line-height:30px; padding-left:20%; margin-top:0px; margin-bottom:0px;}
	
}

@media (min-width: 768px) and (max-width: 979px) {
	#bp .procedure p{width:60%;font-size:20px; line-height:30px; padding-left:20%; margin-top:0px; margin-bottom:0px;}
	
}
@media (min-width: 980px) and (max-width: 1200px) {
#bp .procedure{
	background: url(https://asset.msi.com/event/2017/lucky_draw/images/02.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-size:100% 100%;
	color:#FFF;
}
#bp .procedure p{width:60%;font-size:20px; line-height:30px; padding-left:20%; margin-top:0px; margin-bottom:0px;}
}
@media (min-width: 1200px) and (max-width: 1680px) {
	#ld .procedure p{width:60%;font-size:20px; line-height:30px; padding-left:20%; margin-top:0px; margin-bottom:0px;}
		
}