#hero a { text-decoration: underline; }
#contents .block { margin: 40px 0; padding: 40px 60px; background: linear-gradient(to right, rgba(0,0,0,0.1), rgba(255,255,255,0.15), rgba(0,0,0,0.1)); display: flex; align-items: center; justify-content: flex-start; border-radius: 16px; }
#contents .block > img { min-width: 270px; margin-right: 40px; }
#contents .block h2 { text-align: left; }
#contents .block .details a.btn { margin: 0 0 0 auto; display: inline-block !important; }
#contents .block .cta-box { text-align: right; }
#contents .block.references { text-align: center; display: block; }
#contents .block.references img { max-height: 90px; }
#contents .block.references h2 { text-align: center; }
#contents .block.references .wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
#contents .block.references .wrapper .item { font-size: 12px; padding: 40px; line-height: 200%; }

@media (max-width: 1440px) {
.container { padding: 0 60px; }
#contents .block > img { min-width: 240px; }
}

@media (max-width: 1280px) {
.container { padding: 0 20px; }
#contents .block { flex-wrap: wrap; padding: 20px; }
#contents .block > img { width: 100%; min-width: initial; max-width: 440px; height: 200px; object-fit: cover; object-position: center center; margin: 0 auto 40px; border-radius: 20px; }
#contents .block .cta-box { text-align: center; }
#contents .block.references .wrapper { flex-wrap: wrap; padding: 20px 0; }
#contents .block.references .wrapper .item { padding: 20px; }
}