.flex {
	display: flex;
}

.centered {
	justify-content: center;
	align-items: center;
}

.stacked {
	flex-direction: column;
}

.grid-10 {
	width: 10%;
}

.grid-15 {
	width: 15%;
}

.grid-20 {
	width: 20%;
}

.grid-25 {
	width: 25%;
}

.grid-30 {
	width: 30%;
}

.grid-35 {
	width: 35%;
}

.grid-40 {
	width: 40%;
}

.grid-45 {
	width: 45%;
}

.grid-50 {
	width: 50%;
}

.grid-55 {
	width: 55%;
}

.grid-60 {
	width: 60%;
}

.grid-65 {
	width: 65%;
}

.grid-70 {
	width: 70%;
}

.grid-75 {
	width: 75%;
}

.grid-80 {
	width: 80%;
}

.grid-85 {
	width: 85%;
}

.grid-90 {
	width: 90%;
}

.grid-95 {
	width: 95%;
}

.grid-100 {
	width: 100%;
}

.grid-33 {
	width: 33.33%;
}

@media (max-width: 768px) {
	.grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, 
	.grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33 {
		width: 100%;
	}
	
	.flex {
		flex-direction: column;
	}
}