[id*="custom-html"], #top-hero {padding:0 !important;}
#top-hero .row {height: 500px; align-items: center;}
[id*="hero"] .col-md-5{width:100%;}
.btn.btn-prpl, .btn.btn-prpl.color-adjusted {background-color: #73236C!important;border-color: #73236C !important; color: #fff !important;}
.btn--secondary.border-adjusted {border-color: #fff !important; color: #73236C !important;}

.popup-video {display: none; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 1050;}
.popup-video.show {display: flex;}
.popup-video .popup-content {margin: 0 auto; width: 71vw; height: 40vw; text-align: center; max-height: calc(100vh - 60px);}
.popup-video iframe {width: 100%; height: 100%; border: none;}
.popup-video .close-btn {position: absolute; border: 0; outline: none; cursor: pointer; background: none; font-size: 50px; z-index: 1; top: 0; right: 1%; color: #fff; opacity: 1;  margin: 0; padding: 0;}


@media screen and (max-width: 768px) {
    .related-events:first-child{margin-bottom: 1rem;}
}
@media screen and (max-width: 500px) {
    #top-hero img {object-position: 63%;}
    #hero img{object-position: 68%;}
    .cover {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0;}
    .cover-text {position: relative;}
}