/* ############################################################
	010 - TEXT/HTML
############################################################ */

/* Raster */
.mdl-container.mdl-art-010 {
	padding: 0;
}
.mdl-container.mdl-art-010.bg-color-2 {
	padding: 16px 16px 23px;
}
@media screen and (min-width: 768px) {
	.mdl-container.mdl-art-010 {
		padding-left: 38px;
		padding-right: 38px;
	}
	.mdl-container.mdl-art-010.bg-color-2 {
		padding: 80px 38px 70px;
	}
}
@media screen and (min-width: 1200px) {
	.mdl-container.mdl-art-010 {
		padding-left: calc((1 * var(--col-width-1)) + (1 * var(--gap)));
		padding-right: calc((1 * var(--col-width-1)) + (1 * var(--gap)));
	}
	.mdl-container.mdl-art-010.bg-color-2 {
		padding: 150px calc((1 * var(--col-width-1)) + (1 * var(--gap))) 140px;
	}
}