.opn-chl-banner{
    background-image: url("../images/openchallenges/banner.png");
    background-size: cover;
    padding: 4rem 0;
    margin-top: 5rem;
}
.opn-chl-banner h1{
    color: #ffffff;
    font-size: 60px;
    margin-bottom: 1.5rem;
}
.opn-chl-banner p{
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    padding: 0 11rem;
}
.upcoming-date{
    display: flex;
    background-color: #ffc945;
    padding: 6px;
    position: absolute;
    top: 3%;
    right: 3%;
    align-items: center;
    border-radius: 3px;
}
.upcoming-date img{
    margin-right: 6px;
}
.upcoming-date p{
    font-size: 10px;
    font-weight: normal;
    color: #000;
    line-height: 1.3;
    margin-bottom: 0;
}
.upcoming-date span{
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.upcoming-flex-one p{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
}
.upcoming-flex-one div p{
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    color: #fff;
    margin-bottom: 0;
}
.upcoming-flex-one div{
    border-radius: 3px;
    background-color: #000;
    padding: 4px 28px;
}
.upc-chl-desc, .past-chl-details{
    font-size: 14px;
    font-weight: normal;
    color: #676767;
}
.upcoming-flex-two, .upcoming-flex-one{
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    align-items: center;

}
.upcoming-flex-two .btn-one-opn-chl{
    background-color: #ffc945;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    font-family: 'Flama Condensed';
    border: none;
    padding: 6px;
    border-radius: 0;
    width: 47%;
}
.upcoming-flex-two .btn-two-opn-chl{
    background-color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    font-family: 'Flama Condensed';
    border: 1px solid #000000;
    padding: 6px;
    border-radius: 0;
    width: 47%;
}
.upcoming-chl{
    margin: 4rem 0 3.5rem;
}
.upcoming-chl h1, .past-chl h1{
    font-size: 60px;
}
.up-chl-first-row, .past-chl-first-row{
    margin-top: 2.5rem;
}
.past-chl{
    padding: 3.5rem 0 4rem;
    background-color: #f4f8fb;
}
.past-chl span  img{
    margin-top: -4px;
}
.past-chl-details span{
    margin-right: 8px;
}
.past-chl-details{
    line-height: 2;
}
.btn-three-opn-chl{
    background-color: #ffc945;
    font-family: 'Flama Condensed';
    font-size: 18px;
    font-weight: 600;
    color: #000;
    width: 100%;
    margin-top: 1rem;
    border-radius: 0;
}
.opn-thumbnail{
    width: 100%;
}
@media only screen and (max-width: 798px){
    .opn-chl-banner p {
        padding: 0 1rem;
    }
    .upcoming-chl {
        margin: 2rem 0;
    }
    .upcoming-chl h1, .past-chl h1 {
        text-align: center;
    }
    .upcoming-chl .row .col-md-4, .past-chl .row .col-md-4{
        margin-top: 2rem;
    }
    .past-chl {
        padding: 2rem 0 3rem;
    }
}