/*******************************************************************************
*  General
*******************************************************************************/
.page-media-center #content-body {
    margin-left: auto;
    margin-right: auto;
    max-width: 887px;
    padding-top: 80px;
}

/*******************************************************************************
*  Item Grid
*******************************************************************************/
.page-media-center .media-center-grid {
    margin-bottom: 60px;
    margin-top: 40px;
}

.page-media-center .media-center-grid .grid-item-group {
    float: left;
    margin-top: 30px;
    width: 100%;
}

.page-media-center .media-center-grid .grid-item {
    padding: 5px;
}

.page-media-center .media-center-grid .two-items .grid-item {
    float: left;
    width: 50%;
}

.page-media-center .media-center-grid .one-item .grid-item {
    width: 100%;
}

.page-media-center .media-center-grid .grid-item .item-img-block {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 56px 15px;
    text-align: center;
    width: 100%;
}

.page-media-center .media-center-grid .grid-item:hover .item-img-block {
    background-color: #fff;
}

/*******************************************************************************
*  Item Icons
*******************************************************************************/
.page-media-center .media-center-grid .grid-item .icon-videos {
    background-color: #007b46;
}

.page-media-center .media-center-grid .grid-item:hover .icon-videos svg .st0 {
    fill: #007b46;
}

.page-media-center .media-center-grid .grid-item .icon-team-bios {
    background-color: #c82c56;
}

.page-media-center .media-center-grid .grid-item:hover .icon-team-bios svg .st0 {
    fill: #c82c56;
}

.page-media-center .media-center-grid .grid-item .icon-press-releases {
    background-color: #f35a33;
}

.page-media-center .media-center-grid .grid-item:hover .icon-press-releases svg .st0 {
    fill: #f35a33;
}

.page-media-center .media-center-grid .grid-item .icon-press-coverage {
    background-color: #fb9b42;
}

.page-media-center .media-center-grid .grid-item:hover .icon-press-coverage svg .st0 {
    fill: #fb9b42;
}

.page-media-center .media-center-grid .grid-item .icon-images {
    background-color: #82b84f;
}

.page-media-center .media-center-grid .grid-item:hover .icon-images svg .st0 {
    fill: #82b84f;
}

.page-media-center .media-center-grid .grid-item .icon-contacts {
    background-color: #983c28;
}

.page-media-center .media-center-grid .grid-item:hover .icon-contacts svg .st0 {
    fill: #983c28;
}

.page-media-center .media-center-grid .grid-item .icon-awards {
    background-color: #aa95c1;
}

.page-media-center .media-center-grid .grid-item:hover .icon-awards svg .st0 {
    fill: #aa95c1;
}

.page-media-center .media-center-grid .grid-item .icon-annual-reports {
    background-color: #7baac8;
}

.page-media-center .media-center-grid .grid-item:hover .icon-annual-reports svg .st0 {
    fill: #7baac8;
}

.page-media-center .media-center-grid .grid-item .icon-advocacy {
    background-color: #00358e;
}

.page-media-center .media-center-grid .grid-item:hover .icon-advocacy svg .st0 {
    fill: #00358e;
}

.page-media-center .media-center-grid .grid-item .icon-international {
    background-color: #3b1604;
}

.page-media-center .media-center-grid .grid-item:hover .icon-international svg .st0 {
    fill: #3b1604;
}

.page-media-center .media-center-grid .grid-item .icon-high-profile-fans {
    background-color: #e381a1;
}

.page-media-center .media-center-grid .grid-item:hover .icon-high-profile-fans svg .st0 {
    fill: #e381a1;
}

/*******************************************************************************
*  Item Title
*******************************************************************************/
.page-media-center .media-center-grid .grid-item .item-title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

.page-media-center .media-center-grid .grid-item .item-title br {
    display: none;
}

/*******************************************************************************
*  Tablet
*******************************************************************************/
@media all and (min-width: 640px) {
    /***************************************************************************
    *  Item Grid
    ***************************************************************************/
    .page-media-center .media-center-grid .grid-item-group {
        width: 50%;
    }

    .page-media-center .media-center-grid .grid-item {
        padding: 9px;
    }

    .page-media-center .media-center-grid .two-items .grid-item {
        width: 50%;
    }
}

@media all and (min-width: 820px) {
    /***************************************************************************
    *  Item Title
    ***************************************************************************/
    .page-media-center .media-center-grid .grid-item .item-title br {
        display: block;
    }
}