.panel-tiles { }
.panel-tiles h2 { text-align: center; }
.panel-tiles .item { margin-bottom: 30px; }
.panel-tiles .item a {text-decoration:none;}
.panel-tiles .item img { aspect-ratio: 1.33; width: 100%; object-fit: cover; }
.panel-tiles .item .image-wrapper { position:relative;transition:all 0.4s; }
.panel-tiles .item:hover .image-wrapper {opacity:0.8;transition:all 0.4s;}
.panel-tiles .item .bottom { padding:8px 0 0 0;transition:all 0.4s; }
.panel-tiles .item .bottom.has-description { /*padding-top:22px;*/ }
.panel-tiles .item .bottom h4, .panel-tiles .item .bottom h4 a { color:#FFF;font-size:18px; font-weight:500; text-decoration:none;}
.panel-tiles .item .bottom h4 a:hover, .panel-tiles .item .bottom h4 a:visited,.panel-tiles .item .bottom h4 a:focus { color:#FFF; }
.panel-tiles .item .bottom p { color:#FFF;margin-bottom:16px; line-height:1.25; }
.panel-tiles .item .bottom .description {display:none;opacity:0;transition:all 0.4s; }
.panel-tiles .item:hover .bottom .description {display:block;opacity:1;transition:all 0.4s; }

.panel-tiles.items-per-row-2 .item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.panel-tiles.items-per-row-4 .item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.panel-tiles .item .bottom {position:absolute;bottom:0;padding:20px;}

@media (max-width: 767px){
	.panel-tiles.items-per-row-2 .item,
	.panel-tiles.items-per-row-4 .item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}