Sjabloon:Flexbox/styles.css

.flexbox {
	display: flex;
	gap: 1em;
	align-items: center;
	margin: 0.5em 0;
}

.flexcenter {
	margin: 0.5em 10%;
}

.fitcontent {
	margin: 0.5em auto;
	width: max-content;
	max-width: 70%;
}

.justify-center {
	justify-content: center;
}

.flexbox p {
	margin: 0;
	padding: 0;
	line-height: 175%;
}

@media all and (min-width:640px) {
	body.skin-minerva.skin--responsive .fitcontent {
		max-width: 65%;
	}
}

@media screen and (max-width: 736px) {
	.flexbox {
		margin: 0.5em 0;
		width: unset!important;
		max-width: unset;
		clear: both;
	}
	
	.flexbox {
		font-size: 90%;
	}
	
	.center {
		text-align: left;
	}
}