section { min-height: 100vh; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; box-sizing: border-box; padding: 4rem 0; background-color: $background-primary; background-image: linear-gradient( to left bottom, $background-primary 49%, $background-alternative 50% ); background-size: 100% 30px; background-repeat: no-repeat; background-position: bottom; &:nth-of-type(even) { background-color: $background-alternative; background-image: linear-gradient( to left bottom, $background-alternative 49%, $background-primary 50% ); } &:last-of-type { background-image: none; } .content { display: flex; align-items: flex-start; } h1 { width: 22rem; word-break: break-word; hyphens: auto; text-align: right; align-items: baseline; flex-direction:column; } .paragraphs { padding-left: 3rem; } p { max-width: 40rem; } }