body {
    font: normal 500 1.3rem helvetica, sans-serif;
    height: 100%;
}
.wrapper{
    max-width: 960px;
    margin: 0 auto;
}
header, footer{
    height: 200px;
    background: #ddd
}
header{
    background:#000;
    clip-path: polygon(0 0, 100% 0, 100% 60%, 0 200px);
}
footer{
    background:#000;
    clip-path: polygon(0 40%, 100% 0, 100% 100%, 0 200px);
    }
header img{
    padding-top: 2px;
    float: left;
}
nav ul{
    margin: 0;
}
nav li{
    display: inline;
    line-height: 160px;
    margin-left: 20px;
}
nav a:link, nav a:visited{
    color: #fff;
    text-decoration: underline;
}
nav a:hover{
    color: #e01a4b;
    text-decoration: none;
}
footer p{
    line-height: 200px;
}
h1, h2, h3{
    font-weight: 100;
    margin: 1.5rem 0;
}
p {
    overflow: hidden;
    max-width: 75ch;
    font-size: 1.4rem;
}
a{
    color: #e01a4b;
    text-decoration: none;
}