.text {
	&-right {
		text-align: right;
	}
	
	&-left {
		text-align: left;
	}
	
	&-center {
		text-align: center;
	}
}

@media (min-width: $breakpoint-tablet) {
	.text-md {
		&-right {
			text-align: right;
		}
		
		&-left {
			text-align: left;
		}
		
		&-center {
			text-align: center;
		}
	}
}

@media (min-width: $breakpoint-mobile) {
	.text-sm {
		&-right {
			text-align: right;
		}
		
		&-left {
			text-align: left;
		}
		
		&-center {
			text-align: center;
		}
	}
}

@media (min-width: $breakpoint-desktop) {
	.text-lg {
		&-right {
			text-align: right;
		}
		
		&-left {
			text-align: left;
		}
		
		&-center {
			text-align: center;
		}
	}
}