/*CSS Gallery*/


.gallery-content{
	position: relative;
	width: 100%;
    margin: 0 auto;
	/*border:1px solid red;*/
	/* max-width: 1160px; */
    margin-top: -23.4rem;
    /* height: 1600.81px; */
}

img{
	max-width: 100%;
}

.boxgrid-img{
	 position: relative;
	 width:100%;
	 height: 100%;
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 /* grid-template-rows: repeat(4,1fr); */
	 grid-auto-rows: minmax(40vh,45vh);
	
}

div.img-item{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:black;
}

.grid-img{
  overflow: hidden;
  background:linear-gradient(36deg,#000428,#004e92);
  display: block;
  opacity: 0.7;
  filter:grayscale(100%);
  width: 100%;
  height: 100%;
  object-fit:cover;
  object-position: center top;
  transition: all .3s linear;
}

.grid-img img:nth-child(2){
	object-position:right top;
	
}

.grid-img:hover{
  
  opacity: 1;
  filter:grayscale(0%);
  
}

@media (max-width:800px){

	.gallery-content{
		position: relative;
		/* width: 90%; */
		height: auto;
	   
	}

	.boxgrid-img{
		 grid-template-columns: repeat(1, 1fr);
		 /* grid-template-rows: repeat(6,1fr); */
		 grid-auto-rows:1fr;
	}
}