body{
	position:absolute;
	top:0; left:0;
	height:100%;
	width:100%;
}

#img{
	width:60%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#img:before{
	content:"";
	display:block;
	padding-top:66.6%; 	/* initial ratio of 4:3*/
}

#img img{
	position:absolute;
	top:0; left:0;
	width:100%;
}

#img #lines{
	width:99.8%;
}

#img #lines_bg{
	opacity:0;
	transition:opacity linear 0.2s;
}

#img:hover #lines_bg{
	opacity:0.5;
}

/*######################################################################################
  Resposive
######################################################################################*/

@media (max-width: 1300px){
	#img{
		width:80%;
	}
}