#navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a.nav-community { color: #f56423 }
    #navbar-collapse-main .navbar-nav > li > .dropdown-menu > li > a.nav-community:hover { background-color: transparent; }

.commItem { width: 25%; float: left; padding: 4px; overflow: hidden; }
    .commItem.big { width: 50%; }
.commItem1, .commItem2, .commItem3 { float: right }

.commItemInner { background-color: #dcdcdc; padding-bottom: 104.24%; background-repeat: no-repeat; background-position: center 30%; position: relative; text-align: right; background-size: 215px; background-size: 62%; display: block; transition: all 400ms cubic-bezier(0.39, 0.43, 0.54, 0.55); -webkit-transition: all 400ms cubic-bezier(0.39, 0.43, 0.54, 0.55); }
    .commItemInner:hover, .commItemInner:hover:focus { background-size: 67%; background-color: #A8A8A7; }
.big .commItemInner { padding-bottom: 82.24%; text-align: left; }
.commItemContent { position: absolute; bottom: 15px; right: 67px; font-family: CalvertMTPro; text-align: left; }

.itemTitle { font-size: 80%; max-width: 160px; margin: 0; }
.big .itemTitle { max-width: 170px; }
.itemLink { color: #F56E33; text-decoration: underline; font-size: 60%; font-family: 'AvenirNextLTPro'; }
.date { transform: rotate(-90deg); position: absolute; bottom: calc(12.5vw - 13px); height: 30px; width: calc(25vw + 4px); text-align: left; padding: 8px 8px; }
.commItemsWrapper { margin: 0; padding: 0px 4px; }

@media(min-width:992px) {
    .commItem1 .commItemContent, .commItem5 .commItemContent, .commItem6 .commItemContent { right: auto; left: 67px; text-align: left; }
    .commItem2 .date, .commItem3 .date, .commItem4 .date { right: calc(-12.5vw + 13px); }
    .commItem1 .date, .commItem5 .date, .commItem6 .date { left: -12vw; }
}


@media(max-width:991px) {
    .commItem { width: 50%; }
        .commItem.big { width: 100%; }
        .commItem .commItemContent { left: 23px; right: auto; text-align: left; }
    .commItem1 .commItemContent, .commItem3 .commItemContent, .commItem4 .commItemContent, .commItem5 .commItemContent { left: auto; right: 23px; text-align: right; }
    .commItem.big .commItemContent { right: 19%; }


    .commItemInner:hover, .commItemInner:hover:focus { background-size: 48%; }
    .date { font-size: 50%; width: 50%; bottom: 11vw; padding: 7px 12px; }
    .big .date { bottom: 24vw; }
    .commItem6 .date, .commItem2 .date { left: -11vw; }
    .commItem5 .date, .commItem3 .date { right: -11vw; }
    .commItem.big .date { right: -8vw; }
}

@media(max-width:767px) {
    .commItemInner { background-size: 42%; background-position: center 22%; }
    .big .date { width: 50%; bottom: 22vw; }
    .date { width: 105%; bottom: 22vw; padding: 4px 12px; height: 18px; }
    .commItem6 .date, .commItem2 .date { left: -22vw; }
    .commItem5 .date, .commItem3 .date { right: -22vw; }
}