.gallerywrapper {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  grid-auto-rows: 35vw;
  margin-left: -8px;
  margin-right: -8px;
}

.gallerywrapper a {
  margin: 8px;
  color: #FFFFFF;
  background-position: center center;
  background-size: cover;
  position: relative;
  background-color: #FFF;
}
.gallerywrapper a .effecter{
  position: absolute;
  right: 50%;
  left: 50%;
  bottom: 50%;
  top: 50%;
  background: rgba(255,255,255, .5) url(../../images/plusicon.png) no-repeat center center;
  z-index: 5;
}
.gallerywrapper a .img-caption{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 7px 10px;
  text-align: left;
  color: #FFF;
  background: rgba(4,100,92,.7);
  z-index: 10;
  display: none;
}
/*.gallerywrapper a:hover .img-caption{
  padding-bottom: 20px;
}*/ 
.gallerywrapper a:hover .effecter{
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}


.ug-gallery-wrapper .ug-textpanel {
	display: none;
}

@media Screen and (min-width: 1024px){
	.gallerywrapper {
	  grid-template-columns: repeat(5, 2fr);
	  grid-auto-rows: 10vw;
	}
  .gallerywrapper a:first-child {
	  grid-column-start: 1;
	  grid-column-end: 3;
	  grid-row-start: 1;
	  grid-row-end: 3;
	}
	
	.gallerywrapper a:nth-child(8n+0) {
	  grid-column-start: 3;
	  grid-column-end: 5;
	  grid-row-start: 3;
	  grid-row-end: 5;
	}
	.gallerywrapper a:nth-child(9n+0) {
	  grid-column-start: 1;
	  grid-column-end: 3;
	  grid-row-start: 5;
	  grid-row-end: 7;
	}
}





* {box-sizing: border-box;}