#homepage-resources { padding: 60px 9% 84px; }
#homepage-resources .ccm-block-page-list-pages { display: flex; flex-wrap: wrap; justify-content: space-between; }
#homepage-resources .ccm-block-page-list-page-entry { background: #DAE6EE; border-radius: 8px; padding-bottom: 56px; position: relative; width: 31%; }
#homepage-resources .ccm-block-page-list-title { font-weight: 400;  }

#homepage-resources .ccm-pl-icon { background: #005087; border-radius: 8px 8px 0 0; padding: 24px 10px; text-align: center; }
#homepage-resources .ccm-pl-icon img { height: 80px; }
#homepage-resources .ccm-pl-content { padding: 4px 28px 18px; }
#homepage-resources .ccm-pl-spotlight h3 { font-size: 1em; }
#homepage-resources .ccm-pl-spotlight h3 span { display: block; font-size: 1.8em; }

#homepage-resources .ccm-block-page-list-page-entry-read-more { bottom: 20px; position: absolute; }
#homepage-resources .ccm-block-page-list-page-entry-read-more img { height: 10px; margin-left: 3px; }

@media screen and (max-width: 1090px) {
    #homepage-resources .ccm-pl-spotlight h3 { font-size: .85em; }
    #homepage-resources .ccm-pl-spotlight h3 span { font-size: 1.5em; }  
}

@media screen and (max-width: 856px) {
    #homepage-resources .ccm-pl-spotlight h3 { font-size: .8em; }
    #homepage-resources .ccm-pl-spotlight h3 span { font-size: 1.5em; }  
    #homepage-resources .ccm-pl-icon { padding: 16px 10px; }
    #homepage-resources .ccm-pl-icon img { height: 50px; }
    #homepage-resources .ccm-pl-content { padding: 0 18px 16px; }
}

@media screen and (max-width: 720px) {
    #homepage-resources { padding: 40px 9% 34px; }
    #homepage-resources .ccm-block-page-list-page-entry { margin-bottom: 28px; width: 100%; }
    #homepage-resources .ccm-pl-icon { padding: 12px 10px 6px; }
    #homepage-resources .ccm-pl-icon img { height: 40px; }
}