@supports (display:grid) {
    .osgn-wrap .osgn-grid {
        grid-gap:1.5rem;
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom: 1.5rem;
        max-width: 100%
    }
    .osgn-wrap .osgn-grid__item {
        display: flex;
        margin-bottom: 0;
        padding: 0;
        width: auto!important
    }
    .osgn-wrap .osgn-card {
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 0 8px hsla(0,0%,44%,.25);
        color: inherit;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        transition: all .1s ease-out;
        width: 100%
    }
    .featured .osgn-card__media {
        height: 280px;
    }
    .osgn-wrap .osgn-card__body {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        order: 2;
        padding: 1.5rem
    }
    .osgn-card__donor {
        padding: 15px 0 20px;
    }
}    
.donor-item h5 {
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
}
    @media (min-width: 40rem) {
        .osgn-wrap .osgn-grid--best-fit {
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        }
    }
    @media (min-width: 30rem) {
        .osgn-wrap .osgn-grid {
            display: grid;
            flex-flow: row wrap;
            margin-bottom: 1.5rem;
            max-width: 100%;
        }
    }
/*************Progress Bar CSS***************/
.donation-total, .goal {
  text-align: center;
  font-weight: 500;
}
.progress {
  min-height: 20px;
  color: #000;
  background-color: #E35929;
  border-radius: 200px;
  max-width: 100%;
  color: #fff;
  display: flex;
  justify-content: center;
  min-width: 5%;
}
.progress-bar {
    background: #486677;
    border-radius: 200px;
}