/* geel */

section section:nth-of-type(3)  div {
    background-color: var(--color-nieuws);
    padding: 2.5em 7.5em 2.5em 2.5em;
}

main > section > section:nth-of-type(3) div > h2:nth-of-type(1) {
    writing-mode: vertical-lr;
    position: absolute;
    right: .5em;
    margin: 0;
    font-size: 3.3em;
}
section section:nth-of-type(3) div img {
    width: 97%;
    display: block;
    height: auto;
    margin-bottom: 2em;
}
video {
    display: none;
    width: 78.5%;
    position: absolute;
    bottom: -247.3em;
    left: 2.5em;
    margin-bottom: 2em;

}
section section:nth-of-type(3) div div {
    padding: 0;
}
section section:nth-of-type(3) div div button {
    position: relative;
    display: inline-block;
    background: transparent;
    border: none;
    position: absolute;
    top: 335.5em;
    left: 42%;
    transition: .3s;
    margin-top: -29px;
    margin-left: -29px;
    cursor: pointer;
}

section section:nth-of-type(3) div div button.smallButton {
    width: 5em;
    top: 347em;
    left: 9%;
    transition: .3s;
}

section section:nth-of-type(3) div div button img:hover {
    opacity: .5;
}

section section:nth-of-type(3) div article p:nth-of-type(1) {
    font-weight: 700;
}


@media (max-width: 47.9em) {
    section section:nth-of-type(3) {
        left: 0;
        display: block;
        width: calc(100% - 2.5em / 2);
    }
    section section:nth-of-type(3) div {
        background-color: var(--color-nieuws);
        padding: 1em 1em 1em 1em;
    }


    section section:nth-of-type(3) div div button {
        top: 283.5em;
        left: 39%;
    }
    
    section section:nth-of-type(3) div div button.smallButton {
        top: 291em;
        left: 7%;

    }

    video {
        display: none;
        width: 86%;
        position: absolute;
        /* bottom: -203.6em; */
        left: 1em;
        top: 484.9%;
        left: 1em;
    }
}