.pglistwback { 
padding: 0;
text-align: center;
position: relative;
z-index: 2;
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
 
.pglistwback .pglist { 
flex: auto; flex-grow: 1; box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 35px;    border-radius: 2px;
margin: 0; background-size: cover !important; position: relative; text-align: center; overflow: hidden;
background: #3c3c3c; transition: 0.25s ease-in-out all; /*aspect-ratio: 4 / 3;*/ 
}

.pglistwback .pglist table { text-align: center;}

.pglistwback .pglist a table {max-width: initial; position: relative; transition: 0.25s ease-in-out; text-align: center; }

.pglistwback .plocations hr { margin: 10px auto; padding: 0; }

.pglistwback .pglist:before {

position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; content:'';

opacity: 1;  transition: 0.25s ease-in-out all; }

.pglistwback .pglist:hover:before { opacity: 1; }

.pglistwback img.pglisticon {  
-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); }

/*
#pagewrap .pglistwback .pglist h3, 
.pglistwback .pglist a { color: #fff; }
*/

.pglistwback .pglist a { color:#d2222a; }


.pglistwback tr,.pglistwback td { background: none !important; }
.pglistwback td { padding: 25px !important; }

#pagewrap .pglistwback .pglist .ccm-page-list-title { margin: auto; text-shadow: 1px 1px 3px rgba(0,0,0,0.75); }

.pglistwback .pglistcntpad { max-width: 500px; margin: auto; }
.pglistwback .ccm-page-list-description { margin: auto; }
.pglistwback .ccm-page-list-title { padding-bottom: 15px; }
.pglistwback .pglist table td { text-align: center !important; vertical-align: middle!important; }


/*
.pglistwback .pglist:before {
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.85) 55%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
.pglistwback .pglist:hover table { background: rgba(0,0,0,0.25); }
*/

.pglistwback .pglist:before{
	background: rgba(0,0,0, 0.7);
}



 .pglistwback .pglist:hover table { background: rgba(0,0,0,0.25); }

@media screen and (min-width: 250px)

{
	.pglistwback { width: 100%; margin: auto; padding: 10% 0; }

	.pglistwback .pglist { /*width: 99%;*/ margin: 0.5%; }
	.pglistwback .pglist table { display: table !important; white-space: normal  !important; width: 100%; min-height: auto; }

	.pglistwback .pglist:before { height: 100%; }
	.pglistwback .pglist table { min-height: 350px; }
	
	
	}

/*@	.pglistwback:has(> :nth-child(2)) .pglist {
    width: 49%;
}
dia screen and (min-width: 750px)

{

.pglistwback .pglist { width: 48%; display: inline-block; vertical-align: top; margin: 1%; }

.pglistwback .pglist:last-child { width: 98%; }

.pglistwback .pglist table { min-height: 450px; }

}*/

@media screen and (min-width: 750px)

{ 

	.pglistwback .pglist {width: 49%;}

}

@media screen and (min-width: 1200px)

{ 
.pglistwback { width: 100%; margin: auto; padding: 0; }
	.pglistwback .pglist a table{padding:5%;}
	.pglistwback .pglist .pgbutton{
		position: relative;
		margin:auto; }
	.page-template-home .pglistwback .pglist .pgbutton{
		bottom:-150px;
	}
 
/*	.pglistwback:nth-child(1) {width:20%;}*/
	
/* one item */
.pglistwback:has(> :nth-child(1)) .pglist {
    width: 49%;
	height: auto;
}
/* two items -- first item */
.pglistwback:has(> :nth-child(2)) .pglist:nth-child(1) {
    width: 59%;
	height: 625px;
}
/*	two items - second item */
.pglistwback:has(> :nth-child(2)) .pglist:nth-child(2) {
    width: 39%;
	height: auto;
}	
	
/* three items */
.pglistwback:has(> :nth-child(3)) .pglist {
    width: 32%;
	height: auto;
}
/* four items */
.pglistwback:has(> :nth-child(4)) .pglist,
.pglistwback:has(> :nth-child(4)) .pglist:nth-child(1),
.pglistwback:has(> :nth-child(4)) .pglist:nth-child(2){
    width: 24%;
	height: auto;
}
/* five items */
.pglistwback:has(> :nth-child(5)) .pglist,
.pglistwback:has(> :nth-child(5)) .pglist:nth-child(1),
.pglistwback:has(> :nth-child(5)) .pglist:nth-child(2){
    width: 19%;
	height: auto;
	}
	.pglistwback:has(> :nth-child(5)) .pglist table {
		min-height: 350px;
	}
	

.pglistwback .pglist table { min-height: 450px; }

/*buttons*/
.pglistwback:has(> :nth-child(2)) .pglist:nth-child(1).pgbutton {
	width: 30%;

	
}
	
	
	
	
}