header.masthead{
    background-image: url('/welcome/header.png');
    background-position: center;
    background-size: cover;
}


.our-events{
    padding: 5px 15px;
    background-color: #3ca542;
    border-radius: 5px;
    font-size: 22px;
    font-weight: bold;
    font-family: sans-serif;
    color: white;
    position: static;
    z-index: 100;
}


.bar-perent{
    margin-top: -23px;
}

.bar{
    display: block;
    content: "";
    height: 4px;
    width: 80vw;
    background: linear-gradient(45deg, #2198d3, #079444);
}

.event-card{
    height: 100%;
}


#footer{
    background-image: url(/welcome/footer.png);
    background-size: cover;
    background-position: center;
}

.footer-social-media{
   background-color: #e3538e;
    width: 180px;
    height: 250px;
}

.footer-content{ 
    width: 100%;
    height: 250px; 
}

.filter{
    margin-right: 15px;
    margin-left: 15px;
    color: #181463; 
    padding-bottom: 7px;
    transition: border-bottom 0.5s ease-in-out;

}


.filter.active{
    border-bottom: 1px solid #181463; 


}