/*toevoegen grid*/
.container {
    display: grid;
    max-width: 1080px;
    position: relative;
    grid-template-columns: repeat(12, 1fr);
    margin: 0 auto;
    column-gap: 16px;
}
/*end toevoegen grid*/

/*landing*/
/*grid landing*/
.clanding {
    grid-column-start: 4;
    grid-column-end: 10;
}
/*end grid landing*/

.clanding h2 {
    padding-top: 185px;
    padding-bottom: 25px;
}

.clanding img {
    width: 534px;
    height: 283px;
    padding-bottom: 262px;
}
/*end landing*/

/*mediadagboek*/
/*grid mediadagboek*/
.mdtext {
    grid-column-start: 2;
    grid-column-end: 6;
}

.mdimg {
    grid-column-start: 7;
    grid-column-end: 13;
}
/*end grid mediadagboek*/

#mediadagboek {
    background-color: #F3F8FF;
}

.mdtext h3 {
    padding-top: 39px;
}

.mdtext p {
    padding-bottom: 73px;
}

.mdimg img {
    width: 530px;
    height: 330px;
    margin-top: 59px;
    margin-bottom: 59px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}
/*end mediadagboek*/

/*schets 1*/
/*grid schets 1*/
.s1img {
    grid-column-start: 1;
    grid-column-end: 7;
}

.s1text {
    grid-column-start: 8;
    grid-column-end: 12;
}
/*end grid schets 1*/

.s1img img {
    width: 530px;
    height: 397px;
    margin-top: 86px;
    margin-bottom: 101px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}

.s1text p {
    padding-top: 117px;
    padding-bottom: 113;
}
/*end schets 1*/

/*schets 2*/
/*grid schets 2*/
.s2text {
    grid-column-start: 2;
    grid-column-end: 6;
}

.s2img {
    grid-column-start: 7;
    grid-column-end: 13;
}
/*end grid schets 2*/

#schets2 {
    background-color: #F3F8FF;
}

.s2text p {
    padding-top: 135px;
    padding-bottom: 135px;
}

.s2img img {
    margin-top: 114px;
    margin-bottom: 113px;
    width: 530px;
    height: 398px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}
/*end schets 2*/

/*conceptmap v0.1*/
/*grid conceptmap v0.1*/
.cm0-1img {
    grid-column-start: 1;
    grid-column-end: 7;
}

.cm0-1text {
    grid-column-start: 8;
    grid-column-end: 12;
}
/*end grid conceptmap v0.1*/

.cm0-1img img {
    width: 526px;
    height: 371px;
    margin-top: 127px;
    margin-bottom: 127px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}

.cm0-1text p {
    padding-top: 176px;
    padding-bottom: 176px;
}
/*end conceptmap v0.1*/

/*conceptmap v1.0*/
/*grid conceptmap v1.0*/
.cm1-0text {
    grid-column-start: 2;
    grid-column-end: 6;
}

.cm1-0img {
    grid-column-start: 7;
    grid-column-end: 13;
}
/*end grid conceptmap v1.0*/

#cmapv1-0 {
    background-color: #F3F8FF;
}

.cm1-0text p {
    padding-top: 137px;
    padding-bottom: 136px;
}

.cm1-0img img {
    width: 530px;
    height: 375px;
    margin-top: 125px;
    margin-bottom: 125px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}
/*end conceptmap v1.0*/

/*eindontwerp*/
#eindontwerp h3 {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 53px;
}

#eindontwerp img {
    grid-column-start: 1;
    grid-column-end: 13;
    width: 1076px;
    height: 571px;
    padding-bottom: 111px;
}