div.ccm-page-list-rss-icon {margin-top: 10px}

.fltgrid.ccm-page-list { text-align: center; }
.fltgrid.pglistwrapper { text-align: center;
margin: -2px -3px; transition: all 0.15s ease-in-out; 
display: inline-block; vertical-align: top;  }

.fltgrid.pglistwrapper:hover { background: #095ea7; }

#pagewrap .fltgrid.pglistwrapper h3.ccm-page-list-title {
font-family: "pressio-compressed", sans-serif;
font-weight: 700;
font-style: normal; color: #fff; }
.fltgrid.pglistwrapper,
.fltgrid.pglistwrapper a { color: #fff; text-shadow: 1px 1px 3px #000; }
.fltgrid.pglistwrapper a:hover { color: #bbb;  }

.fltgrid.pglistwrapper .pglistwrapback { transition: all 0.15s ease-in-out; background:rgba(0,0,0,0.10);  }
.fltgrid.pglistwrapper .pglistwrapback:hover { background: rgba(38,89,137,0.85); }
 
@media screen and (min-width: 250px)

{ 
#pagewrap .fltgrid.pglistwrapper h3.ccm-page-list-title { font-size: 30px; padding: 0 25px !important; }
.fltgrid.pglistwrapper a { display: block; padding: 20px 0; text-align: center; }
.fltgrid.pglistwrapper {  background-repeat: no-repeat !important;
background-size: 100% auto !important; background-position: center center !important;
width: 100%; color: #fff; }
.fltgrid.pglistwrapback { padding: 0; height: 200px; } 
}

@media screen and (min-width: 750px)
{ 
.fltgrid.pglistwrapper { background-size: auto 100% !important; width: 33%;  background-repeat: no-repeat !important;}
.fltgrid.pglistwrapback { padding: 0; height: 200px;}
}

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

{ 
#pagewrap .fltgrid.pglistwrapper h3.ccm-page-list-title { font-size: 50px;}
.fltgrid.pglistwrapper { background-size: 100% auto !important; background-repeat: no-repeat !important; width: 45%; }
.fltgrid.pglistwrapback { padding: 0; height: 300px; }
.fltgrid.pglistwrapper a { padding: 0; }
}