.c5-heading5{
    padding: 10px 0px;
    /* background-color: rgb(0, 179, 157); */
    border-bottom:black 1px solid;
    margin-bottom: 10px;
}

.c5-type__red {
    background-color: #b73147;
    color: #fff;
    font-size: 13px;
    font-size: .825rem;
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px;
    padding: 5px 20px 5px;
}

.c5-type__blue {
    background-color: #00a7ee;
    color: #fff;
    font-size: 13px;
    font-size: .825rem;
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px;
    padding: 5px 20px 5px;
}

.c5-type__purple {
    background-color: #dd11ab;
    color: #fff;
    font-size: 13px;
    font-size: .825rem;
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px;
    padding: 5px 20px 5px;
}

.c5-type__yellow {
    background-color: #ffb802;
    color: #fff;
    font-size: 13px;
    font-size: .825rem;
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px;
    padding: 5px 20px 5px;
}

.c5-type__green {
    background-color: #93ca4b;
    color: #fff;
    font-size: 13px;
    font-size: .825rem;
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px;
    padding: 5px 20px 5px;
}

.c5-headerTagColor__blueBorder {
    background: #ffffff !important;
    border: 1px solid #5597E2 !important;
    color: #5597E2 !important;
    font-size: 13px;
    font-size: .825rem;
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px;
    padding: 5px 20px 5px;
}

.c5-headerTagColor__greenBorder {
    background: #ffffff !important;
    border: 1px solid #93ca4b !important;
    color: #93ca4b !important;
    font-size: 13px;
    font-size: .825rem;
    font-weight: 700;
    display: inline-block;
    margin: 5px 5px;
    padding: 5px 20px 5px;
}

.c5-other-event .c5-oto-fes-mh{
   display: table !important;
   vertical-align: bottom !important;
}

.c5-other-event .c5-oto-fes-mh h2.s5-heading5{
   display: table-cell !important;
   vertical-align: bottom !important;
   width: 100vw !important;
}

@media screen and (max-width: 639px) {
 .c5-other-event .c5-oto-fes-mh h2.s5-heading5{
     display: table-cell !important;
     vertical-align: bottom !important;
     width: 0 !important;
  }
}


@media screen and (max-width: 639px) {
.c5-other-event .c5-oto-fes-mh {
    display: block !important;
}
    .c5-other-event .c5-oto-fes-mh h2.s5-heading5{
    display: block !important;
        width: 100% !important;
        
    }
}