.access-program-link { text-align: right; margin: 20px 0; } .access-program-link .btn { display: inline-block; } .categories-home-page--block { height: 24vw; background-size: contain; } .hero_banner { overflow: hidden; } .card .duration { position: absolute; top: 116px; right: 25px; background: rgba(0,0,0,.86); color: #fff; border-radius: 4px; } .card .title { min-height: 0; } @media only screen and (min-width:768px) and (max-width: 992px) { .hero_banner--title { font-size: 44px; } } @media only screen and (max-width:767px) { .categories-home-page--block { height: 50vw; } .cce--trailer-btn { display: block !important; margin-top: 15px; } .cce--buttons { flex-wrap: wrap; align-items: center; justify-content: center; } }