.dbb-news { display: flex; flex-direction: column; margin: 20px 0 ; clear: both;  padding: 0 15px 20px; background-color: rgba(255,255,255,.8); }
.dbb-news h2 {font-size: 1.69em; margin-top: 30px; align-self: flex-end; text-transform: uppercase; }
.dbb-news h2:after { content: '|'; padding-left: 8px; position: relative; top: -3px;  }
.dbb-news h4 a { display: block; margin-bottom: 10px; color: #C20069; font-size: .92em; }
.dbb-news img { width: 100%; height: auto; }
.dbb-news ul { margin: 0; padding: 0; list-style: none; width: 100%; }
.dbb-news ul li { display: flex; gap: 15px; margin-top: 20px; }
.dbb-news ul li .img { flex: 0 0 32%;}
.dbb-news .date { font-size: .84em; color: #6e6e6e; text-align: right; }

@media (min-width: 768px) {
    .dbb-news {  font-size: .85em }
}

@media (min-width: 992px) {
    .dbb-news { font-size: 1em }
    .dbb-news ul li .img { flex-basis: auto; }
}

@media (min-width: 1200px) {
    .dbb-news { padding: 0 38px 30px; }
}