/* Joh Clothing v2: dienstpagina's groep 1 (diensten, personalisatie-textiel, bedrijfskleding, eigen-kledinglijn).
 * Alleen wat 10-basis.css en 20-componenten.css niet dekken. Alle klassen beginnen met joh-d1-.
 * (joh-d1-woorden, joh-d1-lijst2 en joh-d1-beeld-onder zijn vervangen door de gedeelde klassen joh-lijst-woorden,
 *  joh-lijst-kolommen en joh-focus-onder in 20-componenten.css.)
 * joh-d1-tekst-eerst (class op een joh-tekst-beeld joh-beeld-links-rij): op tablet en gsm tekst boven het beeld.
 */

/* Eigen kledinglijn: de beeld-links-rij volgt op een paginakop met beeld. Op tablet en gsm stonden twee foto's
 * na elkaar; daarom komt hier de tekst eerst en het beeld eronder. De tussenruimte schuift mee naar het beeld. */
@media only screen and (max-width: 999px) {
	body .main-content .joh-d1-tekst-eerst > .row_col_wrap_12 { display: flex; flex-direction: column-reverse; }
	body .main-content .joh-d1-tekst-eerst > .row_col_wrap_12 > .wpb_column + .wpb_column { margin-top: 0; }
	body .main-content .joh-d1-tekst-eerst > .row_col_wrap_12 > .wpb_column:first-child { margin-top: 32px; }
}
@media only screen and (max-width: 690px) {
	body .main-content .joh-d1-tekst-eerst > .row_col_wrap_12 > .wpb_column:first-child { margin-top: 24px; }
}