.silver-card {
    background: linear-gradient(95deg, #9e9e9e, #eee 50%, #9e9e9e);
    box-shadow: 5px 5px #e5e5e5;
    padding-top: 7% !important
}

@media (max-width:30em) {
    .silver-card {
        padding-top: 5% !important
    }
}

.gold-card {
    background: linear-gradient(95deg, #c49456, #efebaa 50%, #c49456);
    box-shadow: 5px 5px #f7af52
}

.gold-card,
.silver-card {
    padding: 10px;
    border-radius: 15px;
    min-height: 145px;
    color: #42210b;
    text-align: center;
    margin-bottom: 10px
}

@media (max-width:30em) {

    .gold-card,
    .silver-card {
        min-height: 100px
    }
}

.gold-card .font-size,
.silver-card .font-size {
    font-size: 46px
}

@media (max-width:30em) {

    .gold-card .font-size,
    .silver-card .font-size {
        font-size: 30px
    }
}

.gold-card p,
.silver-card p {
    font-size: 20px
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}
.txt-bold{font-family:roboto-bold;font-weight:700;font-style:normal}.txt-medium{font-family:roboto-medium;font-weight:500;font-style:normal}.txt-regular{font-family:roboto-regular;font-weight:400;font-style:normal}

.gold-card .font-size,.silver-card .font-size{font-size:46px !important}
@media (max-width:30em){.gold-card .font-size,.silver-card .font-size{font-size:30px}}