.hidden{
	display:none;
}


.modal_window{
	color:red;
	/*left: 50%;*/
	/*margin-left: -375px;*/
	/*width: 750px;*/
	width:100%;
	
	position: fixed;
	z-index: 10001;
	background: rgba(14,14,14,0.8);
	/*border: 1px solid #cccccc;*/
	display: hidden;
	-webkit-box-shadow: 0 0 10px #cccccc;
	-moz-box-shadow: 0 0 10px #cccccc;
	-o-box-shadow: 0 0 10px #cccccc;
	box-shadow: 0 0 10px #cccccc;
	text-align:center;
	margin:0px;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	height:100vh;
}

.modal_window img{
	max-width:100vw;
	max-height:80vh;
	margin:10px 0;
	/*Good for scaling down an image - will show at full resolution otherwise - not zoomed in - fine for now*/
}


/*SIDEBARS*/

	/*CLOSE BUTTON*/
	button.close_modal{
		position: relative;
		top:0;
		color:white;
		font-size:20px;
		width:100vw;
		height:40px;
		font-weight:bold;
		background-color:rgba(0, 100, 0, 0.4);
		border:2px black solid;

		border-image: url(border.png) 30 round; /* Safari 3.1-5 */
		-o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */
    	border-image: url(border.png) 30 round;
		/*margin-left:-20px;*/
		/*margin-right:auto;*/
		/*left:50%;*/
		right:0;
	}
	button.close_modal:hover{
		color:black;
		border-color:white;
		background-color:white;
	}