h1{
    margin: 0;
}
.marks{
    padding: 6rem 0;
}
.marks h4{
    color: #fff;
    font-size: 1.15em;
}
.marks .flex-wrapper{
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.marks .flex-item{
    width: calc(95% / 5);
    background: var(--blue-ice);
    padding: 3rem 1rem;
    margin-bottom: .5rem;
}
.marks .envelope{
    width: 50%;
}

/* dia presentation */
.vlaardingen{
    padding-bottom: 6rem;
}
.fotowrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.fotowrapper img {
    border: 5px solid white;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    margin: 10px;
    opacity: 1;
    transition: .3s;
}
.fotowrapper img:hover {
    opacity: .5;
}
img.landscape {
    width: 75px;
    height: 56px;
}
img.portrait {
    width: 56px;
    height: 75px;
}

/* team */
.team{
    padding: 5rem 0;
}
.team p{
    font-size: .9em;
    font-weight: 400;
}
.team .card{
    text-align: left;
    background: rgb(248, 248, 248);
    padding: 2rem 1.5rem;
    min-height: 115vh;
}
.team img{
    width: 180px;
    border-radius: 50%;
    border: 2px solid var(--blue-ice);
    margin: 0 auto;
    margin-bottom: 3rem;
}
.team h4{
    color: var(--blue-ice);
}
.team .wrap{
    text-align: center;
}
.credo span{
    color: var(--blue-ice);
}

@media (max-width:1424px){
    .marks .flex-item{
        width: calc(90% / 4);
    }
}
@media (max-width:1100px){
    .marks .flex-item{
        width: calc(95% / 3);
    }
    .marks h4{
        font-size: 1em;
    }
}
@media (max-width:850px){
    .team .card img{
        width: 150px;
    }
}
@media (max-width:700px){
    .marks .flex-item{
        width: calc(95% / 2);
    }
    .marks h4{
        font-size: 1em;
    }
}
@media (max-width:550px){
    .team .card img{
        width: 120px;
    }
}
@media (max-width:430px){
    .marks h4{
        font-size: .9em;
    }
}