@charset "UTF-8";

		
		
/*.......................This is really important to make the image used to stretch out the div responsive*/
.fakeBGimg {
    width: 100%;
    height: auto;
}

/*.......................Preload all large images here*/
#preloads {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}






.peephole {
	
	position: absolute;
	top: 50%;
  	left: 50%;
 	transform: translate(-50%, -50%);


	width: 80%;
	height: 80%;
	
/*		margin-right: auto;
	margin-left: auto;
	left: auto;
	top: 0px;
	right: auto;
	display: block;
		border: 4px solid #0f0;*/
	
	text-align: center;	

	z-index: 100;
}

.overlay-1 {
	
	z-index: 1000;
	text-align: center;	
/*	border: 4px solid #0f0;*/
	opacity: 0.5;
	

}


.overlay-2 {
	
	z-index: 10000;
	text-align: center;	
	border: 20px solid #C3C;
	opacity: 0.5;

}