.WebContainer{
    width: 100%;
    height: auto;
}
.articles{
    width:90%; /*Takes 90% width from WebContainer*/
    height: auto;
    margin: auto;
} 
    
@media screen and (max-width: 768px){
       .navbar-menu, .hero-body {
        background-color: #520091 !important;
        background-image: linear-gradient(141deg,#520091 0,#520091 71%,#520091 100%) !important;
    }
  }
  .hero-body{
    background-image: url(res/img/banner_init_new.jpg);
    background-repeat: round;
    background-size: 25px 50px;
    background-size: 100% 90%
}


@font-face {
    font-family: Renogare;
    src: url("res/renogare_soft/RenogareSoft-Regular.ttf") format("truetype");
  }
  h3{
    font-family: Renogare;
  }

.make-back{
    max-width: 80%;
}
.card {
    display:flex;
    flex-direction: column;
    height: 100%;
}
.card-footer {
    margin-top: auto;
}