@charset "utf-8";
/* CSS Document */

.overlayContainer { width:100%; display:flex; align-items:center; position:relative; height:100%; }
	.underOverlay_pict { width:65%; font-size:0; }
	.underOverlay_text { width:35%; margin-left:2%; }
	.overContainer { 
		width:100%; 
		height:auto; 
		position:absolute; 
		background: rgb(250, 0, 11);
		background: rgba(250, 0, 11, 0.55); /* Black see-through */
		color:#FFFFFF;
		transition: .5s ease;
		opacity:0; 
		text-align:center;
		cursor:pointer;
		
	}
	.overContainer_text { 
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align:center;
	}
		.overContainer_text h1 { margin:0; padding:0; font-family:'advent', Arial, Helvetica, sans-serif; text-shadow: 1px 0 0 #000, 2px 2px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000; }
		.overContainer_text span { margin:0; padding:0; font-size:1vw; font-family:'advent', Arial, Helvetica, sans-serif; text-shadow:1px 0 0 #000, 2px 2px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000, -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000; }
		.overContainer_text a { color:#FFFFFF; }

.overlayContainer:hover .overContainer { height:100%; opacity:1; }

.overlayContainer-box-no-pict { width:100%; position:relative; }
	.overlayContaier-pict { width:100%; font-size:0;  }
		.opacityLow { opacity:0.25; }
	.overlayContainer-box-link { width:100%; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center; padding:0.5em; }
		.overlayContainer-box-link a:link, .overlayContainer-box-link a:visited { color:#FF0000; }
		.overlayContainer-box-link a:hover, .overlayContainer-box-link a:active { color:#000000; }

@media only screen and (max-width: 900px) {
	.overlayContainer { display:block; position:static; min-height:100%; }
		.underOverlay_pict { width:100%; display:block; position:static; }
		.underOverlay_text { width:100%; display:block; margin:0; padding:0 20px; position:static; font-size:3vw; text-align:justify; }
		.overContainer { width:100%; display:table; position:static; opacity:1; background-color:#FF0000; }
		.overContainer_text { display:table-row; position:static; transform:none; }
			.overContainer_text h1 { margin:10px 0; }
			.overContainer_text span { font-size:2.5vw; margin:2%; display:block; }

}

@media only screen and (max-width: 600px) {
	.overContainer_text span { font-size:5vw; margin:2%; display:block; }
}