.centreself {
	align-self: center;
}

@media (max-width: 600px) {
		/* Re-order rows on mobile - uses class .mobile-order on wrapper block and .xth-on-mobile on each inner block */
	.mobile-row {
		flex-wrap: wrap !important;
	}
	.mobile-row > * {
		max-width: 100% !important;
	}

		/*** custom classes that will designate the order of columns in the flex box row ***/
		.first-on-mobile {
		-webkit-order: 1;
		order: 1;
		}

		.second-on-mobile {
		-webkit-order: 2;
		order: 2;
		}

		.third-on-mobile {
		-webkit-order: 3;
		order: 3;
		}

		.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
		}
}