html,body
{
	height:100%;
	width:100%;
}

.main
{
	margin-left:280px;
	padding-top:100px;
}

.image1 img:hover
{
	box-shadow: 6px 6px 5px grey;
	transform: scale(1.05);
}

p img:hover
{
	opacity:0.85;
	border:0.5px solid #efd2ce;
	box-shadow: 0 0 20px rgba(33,33,33,.2);
}


img:hover
{
	cursor: pointer;
}

img 
{
	max-width:300px;
	max-height:200px;
}

.modal
{
	display: none;
}

#overlay 
{
	position: absolute; 
	background-color: rgba(0,0,0,0.8);
	min-height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}

#image /*modal window*/
{
	background-color:transparent;
	width:1000px;
	height:1000px;
	text-align: center;
	margin: 50px auto;
	margin-top:130px;
}

#modalImg
{
	vertical-align:middle;
	max-width:100%;
	max-height:100%;
}