/* the overlayed element */
div#voverlay {

	/* growing background image */
	background-image:url(white.png);
	background-size: cover;	
	top: 0 !important;
	bottom: 0 !important;
	padding-left: 0px !important; 
	padding-right: 0px !important;
	
	/* dimensions after the growing animation finishes  */
	width:100%;
	height:100%;
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;
}

/* default close button positioned on upper right corner */
div#voverlay .close {
	background-image:url(close.png);
	background-position: top right;
	position: absolute;
	top:20px;
	right: 30px;
	cursor:pointer;	
	height:100%;
	width:100%;
	background-repeat: no-repeat;
}

div#vcontainer{
	display: block;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 10%;
	width:640px;
	height:480px;
	background:url(loading.gif) no-repeat 50% 50%;
}


@media only screen and (max-width: 700px) {
	div#vcontainer	{
		width:90%;
		height:480px;
		background: none;
	}

	div#voverlay {
		background-image: url(w2.png);	
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	div#voverlay .close {
		right: 20px;
		height:35px;
		width:35px;
	}

}