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

.imgContainer { width:100%; position:relative; margin:0; font-size:0px; }
.imgContainer img { display: block; font-size:0px; margin:0; padding:0; }
.overlay {
	position: absolute; 
	top:20px; 
	background: rgb(250, 0, 11);
	background: rgba(250, 0, 11, 0.75); /* Black see-through */
	color:#FFFFFF; 
	text-shadow: 2px 2px 5px #000000;
	width: 100%;
	transition: .5s ease;
	opacity:1;
	color: white;
	font-size:22px;
	padding: 20px;
	text-align: center;
	/* min-height:10%; */
	cursor:pointer;
}

.overlayCopyright {
	position:absolute;
	bottom:0;
	right:0;
	color:#000;
	font-size:12px;
	text-align:right;
	padding:10px;
	background-color:rgba(255, 255, 255, 0.5);
	border-radius: 8px 0px 0px 0px;
	font-weight:bold;
}

.overlay a { color:#FFF; }
.imgContainer:hover .overlay  { opacity:0; }

@media screen and (max-width: 640px) {

	.imgContainer { width:100%; margin:5px 5px 5px 0; display:flex; flex-direction:column-reverse; }
	.imgContainer:hover .overlay  { opacity:1; }
	.overlay { opacity:1; min-height:15%; position:static; }
}