:root{--small-gap: 1.6rem;--gap: 4rem;--big-gap: 10rem}@media only screen and (min-width: 768px){:root{--small-gap: 1.6rem;--gap: 9rem;--big-gap: 16rem}}:root{--small-gap: 1.6rem;--gap: 4rem;--big-gap: 10rem}@media only screen and (min-width: 768px){:root{--small-gap: 1.6rem;--gap: 9rem;--big-gap: 16rem}}.ribbon{background:#000 url("../img/pattern-dark.png") left center repeat;background-size:contain;padding:27px 0 27px 30px;clip-path:polygon(75.5% 0, 100% 50%, 75.5% 100%, 0 100%, 0 0);margin-right:7%}@media only screen and (min-width: 769px){.ribbon{clip-path:polygon(92.5% 0, 100% 50%, 92.5% 100%, 0 100%, 0 0);padding:60px 0 70px 30px}}@media(min-width: 1230px){.ribbon{margin-right:calc((100vw - 1170px)/2);padding-left:calc((100vw - 1170px)/2)}}.ribbon__layout{display:flex;align-items:center;justify-content:space-between;grid-gap:30px;padding-right:22%}@media only screen and (min-width: 769px){.ribbon__layout{padding-right:13%}}.ribbon__layout h2{margin-bottom:0}
/*# sourceMappingURL=ribbon.css.map */