#modal{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	opacity:0;
	display:none;
	justify-content: center;
	align-items: center;
}

#modal_bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.6);
	z-index:1001;
}

#btn_close_modal{
	width:5em;
	margin:1rem 0 0 auto;
	font-size: 1rem;
	font-weight: bold;
	color:#fff !important;	
	position:relative;
	top:0;
	z-index:1004;
	display:block;
	text-align: right;
	text-decoration: none;
	vertical-align: middle;
} 

#btn_close_modal span{
	font-size: 1rem;
}

#btn_close_modal:hover{
	opacity:0.7;
} 

.modal_container{
	width:90%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#modal_inner{
	max-height:90%;
	margin:1em auto;
	position:relative;
	z-index:1003;
	overflow:auto;
	box-sizing: border-box;
}

#modal_contents{
	height:90%;
}

#modal_img{
	width:360px;
	height:640px;
	/*background-color: rgba(255,255,255,1);*/
	overflow-y:auto;
	z-index:1003;
}

#modal_img img{
	width:100%;
	height:auto;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


@media only screen and (max-width: 999px){	
	#btn_modal_close{
	}
	
	#modal_contents{
		height:90%;
	}
	
	#modal_inner{
		width:90%;
		height:90%;
		max-width:90%;
		max-height:87%;
	}
	
	#modal_img{
		width:100%;
		height:auto;
		max-width:500px;
		max-height:400px;
	}
}