.pictureFrame img{border-color:#ccb #eed #ffe;border-style:solid;border-width:2px;max-height:100%;max-width:100%}.pictureFrame{background-color:#ddc;border-radius:2px;border-color:#ddd #eee #fff;border-style:solid;border-width:5vmin;box-shadow:inset 0 0 5px 0 #00000040,0 5px 10px 5px #00000040;box-sizing:border-box;display:inline-block;padding:3vmin;position:relative;text-align:center}.pictureFrame:before{bottom:-2vmin;box-shadow:inset 0 2px 5px 0 #00000040;left:-2vmin;right:-2vmin;top:-2vmin}.pictureFrame:after,.pictureFrame:before{border-radius:2px;content:"";position:absolute}.pictureFrame:after{bottom:-2.5vmin;box-shadow:0 2px 5px 0 #00000040;left:-2.5vmin;right:-2.5vmin;top:-2.5vmin}.ribbon,.ribbonContainer{text-align:center}.ribbon{position:relative;padding:10px 40px;background-color:#ff5527;z-index:1;color:#fff;max-width:100%;display:inline-block;font-weight:400}.ribbon:after,.ribbon:before{content:"";width:80px;height:100%;background-color:#ff5527;position:absolute;z-index:-1;top:20px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,25% 50%);background-image:linear-gradient(45deg,#0000 50%,#5d3922 0);background-size:20px 20px;background-repeat:no-repeat;background-position:100% 100%}.ribbon:before{left:-60px}.ribbon:after{right:-60px;transform:scaleX(-1)}@media screen and (max-width:768px){.ribbon{font-size:14px;padding:8px 20px}.ribbon:after,.ribbon:before{width:60px;top:15px}.ribbon:before{left:-40px}.ribbon:after{right:-40px}}