.grid-gallery{
	width: 70%;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	justify-content: center;
	align-content: center;
	grid-gap:10px;
	height:auto;
	margin: auto;
	margin-bottom: 140px;
 }
 
 .grid-gallery img{
	 width:450px;
	 height: 350px;
	 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-gallery{
		width: 90%;
		display: grid;
		grid-template-columns: repeat(1,1fr);
		justify-content: center;
		align-content: center;
		grid-gap:10px;
		height:auto;
		margin: auto;
		margin-top: 70px;
	 }
	 .grid-video{
		width:100%;
		display: flex;
		justify-content: center;
		align-content:center;
		margin: auto;	
	}
	
}