.ribbon-wrapper{flex-direction:column;flex-grow:1;width:100%;max-width:100%;margin:0 auto;display:flex;position:relative}.ribbon{z-index:0;filter:drop-shadow(1px 0 #021a22)drop-shadow(-1px 0 #021a22);width:66px;position:absolute;top:0;bottom:0}.ribbon.left{left:calc(2rem + 20px)}.ribbon.right{right:calc(2rem + 20px)}.ribbon-pattern{background-image:url(/images/ribbon-pattern.jpg);background-position:top;background-repeat:repeat-y;background-size:100%;width:100%;height:100%}.ribbon-content{z-index:1;flex-grow:1;width:100%;padding:0 calc(8rem + 20px);display:block;position:relative}@media (max-width:1024px){.ribbon-wrapper{max-width:100%}.ribbon.left{left:calc(1rem + 20px)}.ribbon.right{right:calc(1rem + 20px)}.ribbon-content{padding:0 calc(6rem + 20px)}}@media (max-width:768px){.ribbon{display:none}.ribbon-content{padding:0 1.5rem}}