.offer-card-container ~ .offer-card-container {
    border-top: 1px solid grey;
    padding-top: 3rem;
}

.offer-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.offer-card * {
    text-align: center;
}
.offer-card .badge-text {
}

.offer-card .offer-image img {
    max-width: 100%;
    border-radius: .5rem;
    -webkit-user-drag: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.offer-card .offer-title a {
    font-weight: normal;
    font-size: 1.6rem;

}
.offer-card .offer-features {
    flex-grow: 1;
    padding-bottom: 1rem;
}
.offer-card .offer-features .feature {
    font-size: 1.2rem;
}

.offer-card .offer-buttons {
    padding-bottom: 3rem;
}
.offer-card .offer-buttons a.cta-button {
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    background-color: #177C4D;
    border-color: #177C4D;
    border-radius: .5rem;
    padding: 1rem .5rem;
    text-decoration: none;
}

.offer-card .offer-buttons a.cta-button:hover {
    background-color: #11603B;
}
.offer-card .offer-buttons a.cta-button:active {
    background-color: #0D482C;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .offer-card-container ~ .offer-card-container {
        border-top: none;
        padding-top: 0;
    }
    .offer-card .offer-image {
        min-height: 156px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .offer-card .offer-image {
        min-height: 216px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .offer-card .offer-image {
        min-height: 296px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .offer-card .offer-image {
        min-height: 300px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}