.driekolommen {
    -moz-column-count: 3;
    -moz-column-gap: 35px;
    -webkit-column-count: 3;
    -webkit-column-gap: 35px;
    column-count: 3;
    column-gap: 35px;
}

.tweekolommen {
    -moz-column-count: 2;
    -moz-column-gap: 35px;
    -webkit-column-count: 2;
    -webkit-column-gap: 35px;
    column-count: 2;
    column-gap: 35px;
}

.driekolommen img,
.tweekolommen img {
    width: 100%;
    height: auto;
    margin: 15px 0px 15px 0px;
    border:1px solid #aaa;
}

.eenkolom img {
    width: 40%;
    height: auto;
    float: right;
    margin: 15px 0px 15px 15px;
    border:1px solid #aaa;
}

@media only screen and (max-width: 1100px) {
    .driekolommen {
        -moz-column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        column-count: 1;
        column-gap: 0px;
    }
    .tweekolommen {
        -moz-column-count: 1;
        -moz-column-gap: 0px;
        -webkit-column-count: 1;
        -webkit-column-gap: 0px;
        column-count: 1;
        column-gap: 0px;
    }
}

@media only screen and (max-width: 760px) {
    .eenkolom img {
        width: 100%;
        height: auto;
        margin: 15px 0px 15px 0px;
        float: none;
    }