.image-ribbon{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    font-family: arial;
    text-align: center;
}

.ribbon{
    width: 100%;
    height: 30px;
    background: -webkit-linear-gradient(left,rgba(195, 232, 223, 0.9), rgba(147, 213, 196, 0.9)); /*Safari 5.1-6*/
    background: -o-linear-gradient(right,rgba(195, 232, 223, 0.9), rgba(147, 213, 196, 0.9)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(right,rgba(195, 232, 223, 0.9), rgba(147, 213, 196, 0.9)); /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(195, 232, 223, 0.9), rgba(147, 213, 196, 0.9)); /*Standard*/
    position: absolute;
    z-index: 2;
    top: 15px;
    padding-top: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    left: 0px;
}

.shadow{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7.5px 0 0px 10px;
    border-color: transparent transparent transparent rgba(195, 232, 223, 0.9);
}

.left-shadow{
    position: absolute;
    top: 15px;
    z-index: 0;
    left: -7px;
    border-color:  rgba(195, 232, 223, 0.9) rgba(195, 232, 223, 0.9) rgba(195, 232, 223, 0.9) rgba(195, 232, 223, 0.9);
    border-width: 20px 0 10px 7.5px;
}

.left-bar{
    position: absolute;
    top: 40px;
    z-index: 0;
    left: -5px;
    border-width: 7.5px 0 7.5px 7.5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}





.ribbon-orange{
    width: 100%;
    height: 30px;
    background: -webkit-linear-gradient(left,rgba(249, 198, 151, 0.9), rgba(220, 147, 110, 0.9)); /*Safari 5.1-6*/
    background: -o-linear-gradient(right,rgba(249, 198, 151, 0.9), rgba(220, 147, 110, 0.9)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(right,rgba(249, 198, 151, 0.9), rgba(220, 147, 110, 0.9)); /*Fx 3.6-15*/
    background: linear-gradient(to right,rgba(249, 198, 151, 0.9), rgba(220, 147, 110, 0.9)); /*Standard*/
    position: absolute;
    z-index: 2;
    top: 15px;
    padding-top: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    left: 0px;
}

.shadow-orange{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7.5px 0 0px 10px;
    border-color: transparent transparent transparent rgba(249, 198, 151, 0.9);
}

.left-shadow-orange{
    position: absolute;
    top: 15px;
    z-index: 0;
    left: -7px;
    border-color:  rgba(249, 198, 151, 0.9) rgba(249, 198, 151, 0.9) rgba(249, 198, 151, 0.9) rgba(249, 198, 151, 0.9);
    border-width: 20px 0 10px 7.5px;
}