.ribbon-wrap{align-items:center;display:flex;justify-content:center;padding-bottom:100px;padding-top:100px;position:relative}.ribbon1{background:#007078;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);-moz-box-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 1px rgba(0,0,0,.3);font-family:Poppins,sans-serif;font-size:20px!important;margin-left:0;margin-top:0;position:absolute;text-align:center;width:auto}.ribbon1 span{color:#fff;font-size:35px!important;margin:0;padding:19px 10px}.ribbon1:after,.ribbon1:before{border:1.5em solid #256666;bottom:-1em;content:"";display:block;position:absolute;z-index:-1}.ribbon1:before{border-left-color:transparent;border-right-width:1.5em;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.4);box-shadow:1px 1px 1px rgba(0,0,0,.4);left:-2em}.ribbon1:after{border-left-width:1.5em;border-right-color:transparent;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.4);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.4);box-shadow:-1px 1px 1px rgba(0,0,0,.4);right:-2em}.ribbon1 .ribbon1-content:after,.ribbon1 .ribbon1-content:before{border-color:#dc7f4a transparent transparent;border-style:solid;bottom:-1em;content:"";display:block;position:absolute}.ribbon1 .ribbon1-content:before{border-width:1em 0 0 1em;left:0}.ribbon1 .ribbon1-content:after{border-width:1em 1em 0 0;right:0}.ribbon2{background:#f6851f;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);-moz-box-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 1px rgba(0,0,0,.3);font-family:Poppins,sans-serif;font-size:20px!important;margin-left:0;margin-top:0;position:absolute;text-align:center;width:auto}.ribbon2 span{color:#fff;font-size:35px!important;margin:0;padding:19px 10px}.ribbon2:after,.ribbon2:before{border:1.5em solid #dc7f4a;bottom:-1em;content:"";display:block;position:absolute;z-index:-1}.ribbon2:before{border-left-color:transparent;border-right-width:1.5em;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.4);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.4);box-shadow:1px 1px 1px rgba(0,0,0,.4);left:-2em}.ribbon2:after{border-left-width:1.5em;border-right-color:transparent;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.4);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.4);box-shadow:-1px 1px 1px rgba(0,0,0,.4);right:-2em}.ribbon2 .ribbon2-content:after,.ribbon2 .ribbon2-content:before{border-color:#256666 transparent transparent;border-style:solid;bottom:-1em;content:"";display:block;position:absolute}.ribbon2 .ribbon2-content:before{border-width:1em 0 0 1em;left:0}.ribbon2 .ribbon2-content:after{border-width:1em 1em 0 0;right:0}@media (max-width:768px){.ribbon1{box-sizing:border-box;display:inline-block;margin-top:0!important;margin:12px 16px;padding-left:10px;padding-right:10px;position:relative;width:calc(100% - 32px)}.ribbon1 span{display:block;font-size:22px!important;padding:14px 10px}.ribbon1:before{border-width:1.1em;left:-1.2em}.ribbon1:after{border-width:1.1em;right:-1.2em}.ribbon1 .ribbon1-content:after,.ribbon1 .ribbon1-content:before{bottom:-1em}.ribbon2{box-sizing:border-box;display:inline-block;margin:12px 16px;padding-left:10px;padding-right:10px;position:relative;width:calc(100% - 32px)}.ribbon2 span{display:block;font-size:22px!important;padding:14px 10px}.ribbon2:before{border-width:1.1em;left:-1.2em}.ribbon2:after{border-width:1.1em;right:-1.2em}.ribbon2 .ribbon2-content:after,.ribbon2 .ribbon2-content:before{bottom:-1em}}