.column-gallery{ column-gap: 24px; margin: 0 auto; }
.column-gallery img{ max-width: 100%; display: block; padding-bottom: 24px; }
.column-gallery img.with-caption{ padding-bottom: 0px; }
.column-gallery a{ display: block; position: relative; color: black; font-weight: bold; text-decoration: none; }
.column-gallery a:hover img{ opacity: 0.5; }
.column-gallery a:hover .caption{ opacity: 1; }
.column-gallery .caption{ opacity: 0; position: absolute; top: 24px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.two-column{ column-count: 2; }
.three-column{ column-count: 3; }
.column-gallery p.img-caption{ padding-bottom: 24px; font-size: small; font-style: italic; }

.group
{ 
	overflow: hidden; /* Fix for firefox and IE 10-11  */
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Deprecated Firefox */
	-moz-column-break-inside:avoid; /* Current Firefox */
	column-break-inside:avoid;
	break-inside: avoid; /* IE 10+ */
	break-inside: avoid-column;
}

@media screen and (max-width: 640px) 
{
	.column-gallery{ column-gap: 12px; }
	.column-gallery img{ padding-bottom: 12px; }
}