#ribbon-hero {
    position: absolute;
    z-index: 4;
    top: .5em;
    left: -1em;
    border-bottom-right-radius: 1em
}

#ribbon-hero #offer-container {
    line-height: 18px
}

#triangle-ribbon {
    position: absolute;
    top: 3em;
    left: -1em;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #565d63;
    border-bottom: 15px solid transparent;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.shadow-ribbon {
    -webkit-box-shadow: 0 .3rem .4rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 .3rem .4rem rgba(0, 0, 0, 0.15)
}