.diagonal-banner{color:#fff}.diagonal-banner__image{padding:100px 0;clip-path:polygon(0 20%,100% 0%,100% 80%,0% 100%);background-repeat:no-repeat;background-size:cover}.diagonal-banner__content{text-align:center}.diagonal-banner__title{font-family:Crimson-Text,serif;line-height:1.42857143;font-size:22px;font-weight:600;margin:10px 0}@media (min-width: 1024px){.diagonal-banner__title{font-size:36px}}.diagonal-banner__button{font-size:.8571428571rem;padding:12px 20px;text-transform:none;margin-right:0}@media (min-width: 1024px){.diagonal-banner__button{font-size:1rem;padding:15px 35px}}.diagonal-banner--text-color-primary{color:var(--color-primary)}.diagonal-banner--text-color-black{color:var(--color-black)}