body { font: normal 500 1.3rem helvetica, sans-serif; height: 100%; } .wrapper{ max-width: 960px; margin: 0 auto; } header, footer{ height: 160px; background: #ddd } header{ background: linear-gradient(178deg, #000 0%,#000 70%,#fff 70%,#fff 100%); } footer{ background: linear-gradient(2deg, #000 0%,#000 70%,#fff 70%,#fff 100%); } header img{ padding-top: 62px; } footer p{ line-height: 160px; } h1, h2{ font-weight: 100; margin: 1.5rem 0; } p { overflow: hidden; max-width: 75ch; font-size: 1.4rem; } a{ color: #e01a4b; text-decoration: none; }