@charset "utf-8";
/* CSS Document */

.gridgallery {
	background: #005897;
	padding: 25px 50px;
	margin-top: 35px;
	height: auto;
	overflow: hidden;

}
.gridgallery h3 {
	
	color: #fff;
	font-size:45px;
font-weight: 800;
font-family: 'Montserrat', sans-serif;
	padding-left: 0px;
	padding-bottom: 15px;

}
.gallery figure {
	margin:0px;
}
.gallerimg img {

	  object-fit: cover;
  width: 100%;
  max-height: 100%;
}


.gallery {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(11, 5vw);
    grid-gap: 15px;
}
.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__item--1 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 8;
}

.gallery__item--2 {
    grid-column-start: 5;
    grid-column-end: 10;
    grid-row-start: 1;
    grid-row-end: 5;
}
.gallery__item--3 {
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 5;
    grid-row-end: 8;
}


.gallery__item--4 {
    grid-column-start: 7;
    grid-column-end: 10;
    grid-row-start: 5;
    grid-row-end: 8;
}

.gallery__item--5 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 8;
    grid-row-end:12;
}

.gallery__item--6 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 12;
}

.gallery__item--7 {
    grid-column-start: 5;
    grid-column-end: 10;
    grid-row-start: 8;
    grid-row-end: 12;
}

.gallery__item--8 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 9;
    grid-row-end: 10;
}

.gallery__item--9 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 9;
    grid-row-end: 10;
}

.gallery__item--10 {
    grid-column-start: 7;
    grid-column-end: 10;
    grid-row-start: 9;
    grid-row-end: 10;
}

.gallery figure a:hove {
	background: #000;
}


.overlay {

 position: relative;
top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width:100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#000;

}

figure .overlay {
  opacity: 0.5;
}
figure:hover .overlay {
  opacity: 0;
}
.text {
font-family: 'Abhaya Libre', serif;
	color: #fff;
	font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}



	@media (max-width: 991px) {
	
	.gallery {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(42, 5vw);
    grid-gap: 15px;
}
.gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: top 20%;
}

.gallery__item--1 {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 7;
}

.gallery__item--2 {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 7;
    grid-row-end: 13;
}
.gallery__item--3{
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 13;
    grid-row-end: 19;
}
.gallery__item--4 {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 19;
    grid-row-end: 25;
}
.gallery__item--5 {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 25;
    grid-row-end: 31;
}
		.gallery__item--6 {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 31;
    grid-row-end: 37;
}
		.gallery__item--7 {
    grid-column-start: 1;
    grid-column-end: 12;
    grid-row-start: 37;
    grid-row-end: 43;
}
.gallery__item--8 {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 18;
    grid-row-end: 24;
}

.gallery__item--9 {
    grid-column-start: 6;
    grid-column-end: 12;
    grid-row-start: 18;
    grid-row-end: 24;
}

.gallery__item--10 {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 5;
    grid-row-end: 10;
}

}