body {
    /* Required for the parallax: */
    margin: 0;
    min-height: 100%;
    overflow-y: hidden; /* Scrollbar will be created in the restContainer. */
    background-color: black; /* For the gap above the said scrollbar. */
}
h1 {
    font-size: 5rem;
    position: relative;
    top: 57px;
}
#restContainer {
    /* Parallax declarations: */
    height: 100vh; /* Cannot be min-height and must be 100vh. */
    overflow-x: hidden;
    perspective: 1px;
    perspective-origin: center top; /* Due to the height:100vh, essential to maintain original positioning. */
}
header {
    height: 1329px; /* To show the whole background image. */
    padding: 10px;
    color: white;
    z-index: 1;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/ /* Gives three different results on Win, iOS and Android. See index_3-wijzen-van-bg-fixatie.php. */
    /* Parallax declarations: */
    transform-origin: center top;
    transform: translateZ(-1px) scale(2.02); /* Scale(2) gives a small gap, for unknown reasons. */
}
main {
    width: 95%;
    max-width: 1150px;
    margin: 0 auto;
    border-radius: 7px;
    box-shadow: 0 0 30px 0 snow;
    background-color: snow;
    padding: 25px 0;
    position: relative; /* Also required for the absolute positioning of the fontSizeControls. */
    top: -1125px; /* Extreme value because the header is so high. */
}
article {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px;
}
#fontSizeControls {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px;
}
#fontSizeControls a {
    display: inline-block;
    padding: 3px 6px 3px 5px;
    color: black;
    text-decoration: none;
    border: 1px solid black;
}
#fontSizeControls a:hover {
    color: red;
    cursor: pointer;
}
footer {
    clear: both;
    font-size: 0.8em;
    padding: 10px;
}

@media screen and (max-width: 850px) {
    main {
        width: 100%;
    }
}