.container {
    width: 100%;
    max-width: 3000px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 5%
}

.container .column,
.container .columns {
    float: left;
    margin-left: 0;
    margin-right: 0;
    min-height: 10px
}

.column.alpha,
.columns.alpha {
    margin-left: 0;
    margin-right: 0
}

.column.omega,
.columns.omega {
    margin-right: 0;
    margin-left: 0
}

.column.beta,
.columns.beta {
    margin-right: 0;
    margin-left: 0
}

.alpha.omega {
    margin-left: 0;
    margin-right: 0
}

.container .one.column,
.container .one.columns {
    width: 6.25%
}

.container .two.columns {
    width: 12.5%;
    min-height: 10px
}

.container .three.columns {
    width: 18.75%
}

.container .four.columns,
.container .fourvoorbeelden.columns {
    width: 24%;
    margin: 5px 0.5%;
    text-align: center;    
}

.container .threevoorbeelden.columns {
    width: 33.33%
}

.container .five.columns {
    width: 31.25%
}

.container .six.columns {
    width: 37.5%
}

.container .seven.columns {
    width: 43.75%
}

.container .eight.columns {
    width: 50%
}

.container .eightextra.columns {
    width: 50%;
    float: right !important;
    margin-left: 20px
}

.container .nine.columns {
    width: 56.25%
}

.container .ten.columns {
    width: 62.5%
}

.container .eleven.columns {
    width: 68.75%
}

.container .twelve.columns {
    width: 75%
}

.container .thirteen.columns {
    width: 81.25%
}

.container .fourteen.columns {
    width: 87.5%
}

.container .fifteen.columns {
    width: 93.75%
}

.container .sixteen.columns {
    width: 100%
}

.container .one-third.column {
    width: 32.333333%;
    margin: 5px 0.5%;
    text-align: center;
    float: left;
    display: inline-block;
}
.one-third.column img {
  display: block;
  width: 100%;
  height: auto;
}
.container .two-thirds.column {
    width: 66.6666666%
}

.container .one-fifth.column {
    width: 19%;
    margin: 5px 0.5%;
    text-align: center;
    float: left;
}

.container .offset-by-one {
    padding-left: 6.25%
}

.container .offset-by-two {
    padding-left: 12.5%
}

.container .offset-by-three {
    padding-left: 18.75%
}

.container .offset-by-four {
    padding-left: 25%
}

.container .offset-by-five {
    padding-left: 31.25%
}

.container .offset-by-six {
    padding-left: 37.5%
}

.container .offset-by-seven {
    padding-left: 43.75%
}

.container .offset-by-eight {
    padding-left: 50%
}

.container .offset-by-nine {
    padding-left: 56.25%
}

.container .offset-by-ten {
    padding-left: 62.5%
}

.container .offset-by-eleven {
    padding-left: 68.75%
}

.container .offset-by-twelve {
    padding-left: 75%
}

.container .offset-by-thirteen {
    padding-left: 81.25%
}

.container .offset-by-fourteen {
    padding-left: 87.5%
}

.container .offset-by-fifteen {
    padding-left: 93.75%
}

.show-on-mobile {
    display: none !important;
    visibility: hidden
}

.hide-on-mobile {
    display: block !important;
    visibility: visible
}

@media only screen and (max-width:1023px) {
    .hide-on-mobileandtablet {
        display: none !important;
        visibility: hidden
    }

    .hide-on-mobile {
        display: none !important;
        visibility: hidden
    }

    .show-on-mobile {
        display: block !important;
        visibility: visible
    }

    .hide-on-tabletportrait {
        display: none !important;
        visibility: hidden
    }

    .container {
        width: 100%;
        padding: 0
    }

    .container .column,
    .container .columns {
        margin: 0
    }

    .container .columnmobile,
    .container .columnsmobile {
        margin: 0;
        float: left;
        position: relative
    }

    .container .eight.columns,
    .container .eightplus.columns,
    .container .eleven.columns,
    .container .fifteen.columns,
    .container .five.columns,
    .container .fiveplus.columns,
    .container .four-fifths.column,
    .container .four.columns,
    .container .fourteen.columns,
    .container .nine.columns,
    .container .one-half.column,
    .container .one-quarter.column,

    .container .one.column,
    .container .one.columns,
    .container .seven.columns,
    .container .six.columns,
    .container .sixteen.columns,
    .container .ten.columns,
    .container .thirteen.columns,
    .container .three-fifths.column,
    .container .three-quarters.column,
    .container .three.columns,
    .container .twelve.columns,
    .container .two-fifths.column,
    .container .two-thirds.column {
        width: 100%
    }

    .container .one-third.column {
        margin: 5px 0.5%;
        text-align: center;
        float: left;
        width: 99%;
    }

    .container .one-fifth.column {
        margin: 5px 0.5%;
        text-align: center;
        float: left;
        width: 99%;
    }

    .container .two.columns {
        width: 29%
    }

    .container .offset-by-eight,
    .container .offset-by-eleven,
    .container .offset-by-fifteen,
    .container .offset-by-five,
    .container .offset-by-four,
    .container .offset-by-fourteen,
    .container .offset-by-nine,
    .container .offset-by-one,
    .container .offset-by-seven,
    .container .offset-by-six,
    .container .offset-by-ten,
    .container .offset-by-thirteen,
    .container .offset-by-three,
    .container .offset-by-twelve,
    .container .offset-by-two {
        padding-left: 0
    }
}








.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after,
.row:after {
    clear: both
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}