.publishings-wrap {padding: 20px 0;}
.publishings { text-align:center; margin:0 20px; background-color:#ffffff;}
.publishings h2 { text-align:center; padding:25px 15px; margin-bottom:0; background-color:#ffcd32;}
.publishings ul { padding:0 15px; margin:0;}
.publishings ul li { list-style:none; font-size:24px; text-align:right; background-image:url(/_layouts/15/TlvSP2013PublicSite/images/arrow-l-grey2x.png); background-repeat:no-repeat; background-position:left center; background-size:15px 15px; padding:0; }
.publishings ul li a{ color:#3c3c3c; display:block; padding:15px 0; border-bottom:1px solid #bcbcbc; }
.publishings ul li:last-child a, .publishings ul li:nth-child(4) a { border-bottom:none; }
.publishings ul li a:hover { text-decoration:underline; }

@media (min-width: 768px) {
    .publishings-wrap {padding: 0 15px 40px;}
    .publishings { margin:0; }
    .publishings h2 { padding:15px; }
    .publishings ul { padding:20px 75px;}
    .publishings ul li a{ padding:10px 0; }
}

@media (min-width:992px) {
    .publishings-wrap {padding: 60px 0 40px 0;}
    .publishings { margin:0 36px 0 20px;}
    .publishings h2 { padding:25px 15px; }
    .publishings ul { padding:0 25px;}
    .publishings ul li a{ padding:25px 0; }
}

@media (min-width: 1200px) {
    .publishings h2 { padding:35px;}
    .publishings ul { padding:0 35px;}
    .publishings ul li { font-size:28px; }
    .publishings ul li a{ padding:25px 0; }
    .publishings ul li:nth-child(4) a { border-bottom:1px solid #bcbcbc; }
}