.rouwberichten .rouwbericht { padding: 1em 0; }
.rouwberichten .rouwbericht + .rouwbericht { border-top: 1px solid #ccc; }

.rouwberichten .rouwbericht > * { float: left; vertical-align: top; }

.rouwberichten .rouwbericht figure { width: 15%; }
.rouwberichten .rouwbericht aside { width: 27.5%; }

.rouwberichten .rouwbericht figure + header { margin-left: 2.5%; }
.rouwberichten .rouwbericht header + aside { margin-left: 2.5%; }

.rouwberichten .rouwbericht.has-post-thumbnail:not(.has-options) header { width: 82.5%; }
.rouwberichten .rouwbericht:not(.has-post-thumbnail).has-options header { width: 70%; }
.rouwberichten .rouwbericht.has-post-thumbnail.has-options header { width: 52.5%; }

.rouwberichten .rouwbericht figure { font-size: 0; line-height: 0; text-align: center; }
.rouwberichten .rouwbericht figcaption { display: none; }

.rouwberichten .rouwbericht header h2 + p,
.rouwberichten .rouwbericht header h4 + p { margin-top: 0.5em; }

.rouwberichten .rouwbericht aside .button { width: 100%; }
.rouwberichten .rouwbericht aside p + p { margin-top: 0.5em; }
.rouwberichten .rouwbericht aside p.bloemen-info { font-size: 0.778em; text-align: center; }


.rouwbloemen > ul { list-style: none; margin: 0 !important; padding: 0; text-align: center; }
.rouwbloemen li { background: #fff; display: inline-block; list-style: none; padding: 5px 5px 10px; text-align: center; vertical-align: top; }
.rouwbloemen figure { margin: 0 0 0.5em; }
.rouwbloemen figure a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 0; padding: 0 0 75%; }
.rouwbloemen figure img,
.rouwbloemen figure figcaption { display: none; }

.rouwbloemen h3 { font-size: inherit; font-weight: inherit; margin: 0 0 0.5em; text-align: center; }

@media only screen and ( min-width: 1200px ) {
	.rouwbloemen li { margin: 1%; width: 22%; }
	.rouwbloemen li:nth-child(4n+1) { clear: left; }
}

@media only screen and ( min-width: 900px ) and ( max-width: 1200px ) {
	.rouwbloemen li { margin: 1%; width: 30.33%; }
	.rouwbloemen li:nth-child(3n+1) { clear: left; }
}
@media only screen and ( min-width: 480px ) and ( max-width: 900px ) {
	.rouwbloemen li { margin: 1.5%; width: 46%; }
	.rouwbloemen li:nth-child(2n+1) { clear: left; }
}
@media only screen and ( max-width: 480px ) {
	.rouwbloemen li { clear: both; float: none; width: 100%; }
}

@media only screen and ( max-width: 1000px ) {
	.rouwberichten .rouwbericht figure { margin-bottom: 20px; width: 25%; }
	.rouwberichten .rouwbericht.has-post-thumbnail header { margin-bottom: 20px; width: 72.5% !important; }
	
	.rouwberichten .rouwbericht aside { background: #eee; clear: both; float: none; margin-left: 0 !important; text-align: center; width: 100%; }
	.rouwberichten .rouwbericht aside p { display: inline-block; margin: 0.5em; vertical-align: top; }
}

@media only screen and ( max-width: 640px ) {
	.rouwberichten .rouwbericht figure,
	.rouwberichten .rouwbericht.has-post-thumbnail figure,
	.rouwberichten .rouwbericht header,
	.rouwberichten .rouwbericht.has-post-thumbnail header { float: none !important; margin-left: 0 !important; width: 100% !important; }
}