#content {
  min-height: 0;
}
#ggallery {
  display: block; width: 100%; padding: 0 0 30px;
  background: transparent;
}

.gallery {
  width: 100%; max-width: 100%; margin: 0 auto; background: transparent;
}
.picwrapper {position:relative; display: block; float: left; width: 19.5%; height:19.5%; margin: .25%;}
.gallery img {display: block; width: 100%; height: auto;}
.gallery a.overlay {display: block; width: 100%;height:100%;position:absolute;top:0;left:0;background:transparent;color:transparent;}
.gallery a.overlay:hover {background: rgba(253,22,131,0.4);;color:white;text-align: center;}


/*@media only screen and (max-width:1120px){
  .picwrapper {width: 16.66%;}
}
@media only screen and (max-width:980px){
  .picwrapper {width: 20%;}
}*/
@media only screen and (max-width:768px) {
  .picwrapper {width: 24%;margin:.5%;}
}
@media only screen and (max-width:480px){
  .picwrapper {width: 32.33%;margin:.5%;}
}
@media only screen and (max-width:380px){
  .picwrapper {width: 49%;margin:.5%;}
}