.card {
    background-color: #ee202e;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
    border-radius: 4px;
}

.card img {
    width: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: top;
    height: 250px;
}

.card .card-content {
    padding: 16px;
}

.card .card-heading {
    font-size: 24px;
    color: #fff;
    margin-bottom: 8.5px;
}

.card .card-text {
    font-size: 14px;
    color: #000;
    margin-bottom: 8.5px;
}

.card .card-footer {
    color: #fff;
    margin-top: 22px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.uproar-logo {
    width: 225px;
    margin: -45px 0;
}

.copy-text {
    font-size: 2rem;
}
.owl-carousel {
    padding: 0 16px;
}
.owl-nav{
    float: right;
}
.owl-dots {
    float: left;
}
.owl-prev, .owl-next {
    color: #c2c2c2 !important;
    font-size: 40px !important;
}
.owl-dot {
    width: 10px;
    height: 10px;
    background: #c2c2c2 !important;
    border-radius: 50%;
    margin-right: 10px;
}

.owl-dot.active {
    background: #ee202e !important;
}

@media screen and (max-width:767px) {
    .uproar-logo {
        width: 140px;
        margin: -25px 0;
    }
}

.iframe-video-container {
    position:relative;
    padding-bottom:56.25%;
    height:0;
}

.iframe-video-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}