
.grid-gallery{
	width: 100%;
   display: grid;
   grid-template-columns: repeat(1,1fr);
   justify-content: center;
   align-content: center;
   grid-gap:10px;
   height:auto;
   margin: auto;
   margin-bottom: 140px;
}

.grid-gallery img{
	width:900px;
	height: auto;
	margin: auto;
	object-fit: cover;
	object-position: top center;
	max-width: 100%;
	cursor: pointer;
	background:linear-gradient(36deg,#000428,#004e92);
	opacity: 0.7;
	filter:grayscale(100%);
	transition: all .3s linear;
	margin: auto;
}


.grid-gallery img:hover{
	
	opacity: 1;
	filter:grayscale(0%);
	transition: all .3s linear;
}

#lightbox{
	position: fixed;
	z-index: 1000;
	top:0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	display: none;
	transition: all 1.5 linear;
}

#lightbox img{
	
	max-width: 80%;
	max-height: 70%;
	transition: all 1.5 linear;
}

#lightbox.active{
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 1.5 linear;
}

.grid-video{
	width:70%;
	display: flex;
	justify-content: center;
	align-content:center;
	margin: auto;
	margin-bottom: 5vh;
}



.grid-video iframe{
	width: 70%;
	height:720px;
	height:72vh;
}



@media (max-width: 600px){
	.grid-video iframe{
		width: 90%;
		height:400px;
		height:50vh;
	}

	.grid-gallery{
		
		margin-top: 0;
	 }

	 .grid-video{
		width:100%;
		display: flex;
		justify-content: center;
		align-content:center;
		margin: auto;
	}
	
}