.corner-ribbon {
 position: relative;
 display: inline-block;
 padding: 1px;
 overflow: hidden;
 xxxwidth: 95%;
}

.rsubspan {
 width: 400px;
 height: 60px;
 margin: 0 auto;
 margin-top: 16px;
 text-shadow: 2px 2px 1px black;
}
.rsubspan a {
 color: inherit;
}

.corner-ribbon .rspan {
 opacity: 0.85;
 position: absolute;
 display: inline-block;
 z-index: 5;
 color: #ccc;
 width: 600px; /* xxx */
 top: 120px;
 right: -140px;
 box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
 text-align: center;
 text-transform: uppercase;
 background: rgb(124,45,35);
 padding: 6px 10px;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 font-weight: bold;
 font-size: 14px;
} 

.corner-ribbon p:before {
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 top: -30px;
 right: 375px;
 z-index: -1;
 border: 25px solid;
 border-color: transparent transparent #662121 transparent;
}
 
.corner-ribbon p:after {
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 z-index: -1;
 border: 20px solid;

 top: 380px;
 right: -25px;
 border-color: transparent transparent transparent #662121;
}

.white {
 color: #fff;
 color: #dd0;
}