/* Footer */
.page-footer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4000' height='200' preserveAspectRatio='xMidYMid slice' xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.16)'%3E%3Cpath d='M0 200h4000V0s1.676 12.829-60.006 120.389c-21.582 37.635-65.002 39.611-65.002 39.611H0v40z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto 10rem;
    background-position:100% 100%
}

@media (min-width: 62rem) {
    .page-footer {
        background-size:auto 12em
    }
}

@media (min-width: 160rem) {
    .page-footer {
        background-size:100% auto
    }
}