body,
html {
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    height: 100%;
}
h1 {
    font-size: 10vmin;
    line-height: 16vmin;
    margin-bottom: 0px;
}
p {
}
.site-wrapper {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    height: auto;
}
.site-wrapper:after {
    content: " ";
    background-color: #ff0000;
    height: 180px;
    width: 200vw;
    position: absolute;
    bottom: auto;
    top: 70vw;
    left: -50vw;
    transform: rotate(-20deg);
    filter: opacity(.9);
    mix-blend-mode: multiply;
}

.site-wrapper .left {
    width: 100%;
    padding: 20vh 10vw;
}
.site-wrapper .right {
    width: 100%;
    height: 100vw;
    transform: rotate(-90deg);
}

.lead {
    margin:0 0 40px 0;
    position: relative;
    width: 100%;
}