.page-banner {
    background-color: #ffb800;
}

.page-banner .banner::after {
    background-color: #fac123;
}

.page-banner p::after {
    background-color: #eb8511;

}

.main_wrapper h1{
    color: #555555;
    font-size: 36px;
    margin-bottom: 35px;
}

.events {
    padding-bottom: 50px;
}

.events .row {
    padding: 10px 0;
    background: white;
}

.events a{
    border-top: 10px solid #1999d8;
    display: block;
    padding: 20px 0 0;
}

.events .date{
    color: #695a5f;
    font-size: 36px;
}
.events .date .number{
    font-weight: 700;
}
.events .time{
    border-bottom: 1px solid #695a5f;
    color: #695a5f;
    font-size: 12px;
    padding-bottom: 15px;
}



.events a:hover{
text-decoration: none;
}

.events .title{
    color: #695a5f;
    font-size: 24px;
    font-weight: 500;
}

.events a:hover .title{
    color: #a1a08f;
    text-decoration: underline;
}

/*---------------Responsive----------------------*/

@media(max-width:600px){
    

    .col {
flex: 0 0 100%!important;
width: 100%!important;
}

.events .title{
    padding-bottom: 20px;
}
}