.donation-monthly-promo {
    margin: 22px 0 20px;
    padding: 18px 24px;
    background: #eee;
    border-radius: 8px;
    position: relative;

}

.donation-monthly-promo:before {
    content: "";
    display: block;
    position: absolute;
    top: -18px;
    right: 50%;
    margin-right: -25%;
    width: 0; 
    height: 0; 
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid #eee;
    transform: translatex(50%);
}

.donation-monthly-promo:after {
    content: " ";
    display: table;
}
.donation-monthly-promo:after {
    clear: both;
}

.donation-monthly-promo-image {
    float: left;
    max-width: 180px;
    width: 38%;
    position: relative;
    padding: 0 14px 0 0;
    box-sizing: border-box;
}

.donation-monthly-promo-image img {
    margin: 0 auto;
    display: block;
}

.donation-monthly-promo p {
    margin: 0 0 0 38%;
}

@media screen and (min-width: 37em) {

    .donation-monthly-promo p {
        margin-left: 180px;
    }
}
@media screen and (min-width: 54em) {

    .donation-monthly-promo p {
        margin-left: 38%;
    }
}