.event-heading {
margin-top: 140px;
padding-bottom: 10px;
}

* {
	box-sizing: border-box;
}
body {
	font-family: Arial, sans-serif;
	margin: 0;
}
h1 {
	text-align: center;
	padding: 20px;
}
.gallery_div {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

}
.gallery  {
background: #fff;
margin: 20px 15px 20px;
border-radius: 15px;
padding-top: 1px;
box-shadow: 0px 14px 22px -9px #bbcbd8;
}
.gallery_img{
position: relative;
overflow: hidden;
border-radius: 10px;
height: 250px;
	}
.gallery_img img  {
width: auto;
height: auto;
max-height: 94%;
max-width: 98%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: transform 0.2s linear;
}
.image_preview{
	 position: fixed;
	 top: 50%;
	 left: 50%;
	 transform:translate(-50%,-50%);
	 height: 100vh;
	 width: 100vw;
	 background: rgba(0,0,0,.9);
	 box-shadow: 0px 0px 5px 1px lightgray;
	 z-index: 999999;
	 overflow: hidden;
	 display: none;
	 font-family: Tahoma;
 }
 .image_preview div{
	 height: 100vh;
	 width: 100%;
	 position: relative;
	 margin:auto;
	 

 }
 .image_preview img{
	 width: auto;
	 max-width:95vw;
	 height: auto;
	 max-height:95vh;
	 position: absolute;
	 top: 50%!important;
	 left:50%!important;
	 transform:translate(-50%,-50%)!important;
	 z-index: 999999999;
 }
 .image_preview p{
    position:fixed;
    top:30px;
    right:30px;
	 display:flex;
	 align-items:center;
	 justify-content:center;
	 height:50px;
	 width:50px;
	 background: rgb(255,255,255);
	 border-radius:50%;
	 text-align: center;
	 color: #000;
	 font-size: 25px;
	 transition: .3s;
	 cursor: pointer;
	 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	 z-index: 9999999999;
 }
 img{
	 cursor: pointer;
 }
 .image_preview p:hover{
	 background: #e8524a;
	 color:#fff;
	 transition: .3s;
 }
 @media only screen and (max-width:700px){
     .image_preview img{
	 width: 90%;
	 top:80px;
	 height: auto;
	 position: absolute;
	 
 }
 }