.agenda .data { font-size: x-large; padding: 10px; width: 60px; font-weight: 700; }

.banner { position: relative; }
.banner .caption { display: block; background-color: #000000; opacity:0.8; color: #ffffff; float: left; position: absolute; bottom: 50px; padding: 10px 30px; font-size: xx-large; font-weight: 700; max-width: 40vw; }

@media (max-width:1024px) {
    .caption { max-width: 80vw !important }
}

@media (max-width:575.98px) {
    .banner>.container { padding-left: 0; padding-right: 0; }
    .caption { max-width: 100vw !important; position: relative !important; font-size: large !important; float: none !important; bottom: auto !important; }
}