.ccm-block-page-list-header
{
    font-size: 30px;
    font-weight: 300;
    text-align:center;
}

.ccm-block-page-list-header a
{
    color: #4c4b4b;
}


.ccm-block-page-list-wrapper
{
    text-align: center;
}

.ccm-block-page-list-wrapper .item
{
    margin-bottom: 55px;
    padding: 40px 15px 0px;
    transition: all 0.1s linear;
}

@media( max-width: 767px )
{
    .ccm-block-page-list-wrapper .item
    {
        margin-bottom: 10px;
        padding: 20px 15px 0px;
    }
}

.ccm-block-page-list-wrapper .item:last-of-type
{
    margin-left: 50%;
    transform: translateX(-50%);
}

@media( max-width: 767px )
{
    .ccm-block-page-list-wrapper .item:last-of-type
    {
        margin-bottom: 30px;
    }
}

.ccm-block-page-list-wrapper .item:hover
{
    background-color: #ee0d12;
    color: #FFF;
}

.ccm-block-page-list-wrapper .item .title
{
    text-align: center;
    
}

.ccm-block-page-list-wrapper .item .title a
{
    font-family: 'cooper_hewitt';
    font-weight: 900;
    font-size: 18px;
    color: #4c4b4b;
}

.ccm-block-page-list-wrapper .item:hover .title a
{
    color: #FFF;
}

.ccm-block-page-list-wrapper .item .img-responsive
{
    margin: 35px auto 45px;
}

.ccm-block-page-list-wrapper .item .hover-image,
.ccm-block-page-list-wrapper .item:hover .img-display
{
    display: none !important;
}

.ccm-block-page-list-wrapper .item:hover .hover-image
{
    display: block !important;
}

.ccm-block-page-list-wrapper .ccm-block-page-list-description
{
    margin: auto;
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
}

@media( min-width: 767px )
{
    .ccm-block-page-list-wrapper .ccm-block-page-list-description
    {
        max-width: 220px;
        text-align: center;
    }
}


.ccm-block-page-list-wrapper .ccm-block-page-list-description a
{
    color: #4c4b4b;
}

.ccm-block-page-list-wrapper .item:hover .ccm-block-page-list-description a
{
    color: #FFF;
}