div.overlay{
	width: 100vw;
	height: 100vh;

	position: absolute;
	z-index: 10000;

	display: flex;
	flex-flow: column;
	align-items:center;

	transition: all .3s ease-in-out;
	opacity: 1;

	background: rgba(0,0,0, .4);
}



.overlay .overlay_content{
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	border-radius: 20px;
	box-shadow: 0 2px 2px rgba(0,0,0, .1), 0 4px 4px rgba(0,0,0, .1), 0 8px 8px rgba(0,0,0, .1), 0 16px 16px rgba(0,0,0, .1), 0 32px 32px rgba(0,0,0, .1);
}

.overlay_content img{
	max-width: 100%;
	max-height: 100%;
}

#close_modal{
	
	color: rgba(255,177,177, .75);

	transition: all .3s ease-in-out;
	text-transform: uppercase;
	display: flex;
	justify-content:center;
	margin: 0 auto;

	font-size: .7rem;
	cursor:  pointer;

	background: #AB5445;

	border-radius: 0 0 10px 10px;
	
	padding: 5px 15px ;

	position: relative;
	z-index: 100;

	letter-spacing: .1rem;

	transform: translateY(100%);

	border: 1px solid #b16565;


}

#close_modal:before{
	content:"zatvoriť";
	display: inline-block;
	padding: 5px;
	font-weight: bold;

	border-radius: 15px;
	margin: 0 15px;

	font-family: Arial, Helvetica, sans-serif;

	
}

/*
#close_modal:hover{
	color: rgba(255,177,177, 1);
	transform: translateY(1px);
}
*/

.overlay_content img{
	display: block;

	border-radius: 20px;

	max-height: 100%;
	width: auto;

	text-indent: 0;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 10;
}

@media (max-width: 600px) {
	.overlay_content{
		max-width: 90vw;
		
	}
}