* {
    box-sizing: border-box;
}
html, body {
	margin: 0;
	padding: 0;
    font-family: 'Muli', sans-serif;
	color: #000;
    xfont-size: 20px;
    font-weight: 300;
	
}

#container #right h1 {
    font-family: 'Muli', sans-serif;
    xfont-size: 30px;
}

#container {
    width: 1308px;
    
}
#container #left {
	width: 143px;
}
strong {
    font-weight: 800;
}

#container #left #menu {
    margin-top: 184px;
    color: #616161;
}
#container #right small {
    font-size: 12px;
}
strong {
    font-weight: 600;
}
#container #right {
	/* 654 */
    width: 1148px;
    xbackground-color: #eee;
}
#container #right img {
    max-width: 100%;
}
#container #left #menu a {
    xfont-size: 24px;
    font-weight: 400;
}
#container #left #menu a.sub {
    xfont-size: 24px;
    font-weight: 400;
}
#container #right p {
    line-height: 20px;
    font-size: 13px;
    margin: 0;
    margin: 14px 0 10px 0;
}
#container #right p.special {
    margin: 14px 5% 10px 5%;
}
#container #right cite {
    text-align: right;
    float: right;
    font-size: 11px;
}
#container #right picture img {
    margin-bottom: 0;
}
#projects {
    display: flex;
    flex-flow: row wrap;
}

#projects div.small {
    flex: 0 1 calc(33.3333% - (86px/3));
    margin-left: 43px;
}
#projects div.multiple {
    flex: 0 1 calc(33.3333% - (86px/3));
    margin-left: 43px;
    margin-bottom: 10px;
}
#projects div.nomargin {
    margin: 0;
}
/* 1195. 43 margin. 367 small project. big 780. */
/* 1148. derde: 382,666666666666667 - 14,666666666666667 = ± 722 + 14. 413 blijft over. */
#projects div.big {
    flex: 0 1 calc((33.3333% - (86px / 3)) * 2 + (43px));
    margin-bottom: 10px;
    
}
#projects div.small img {
    
}
.newproject p {
}
#projects div img {
    display: block;
    width: 100%;
    min-height: 100px;
    animation-duration: 4.7s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: placeholderAnimate;
    background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
}
@keyframes placeholderAnimate {
    0%{ background-position: -752px 0; }
    100%{ background-position: 752px 0; }
}