@mixin center-horizontal {
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

@mixin center-vertical {
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
}

// Mixin that will include the fall back px declaration as well as the calculated rem value.
@mixin fallback-font-size($size) {
	font-size: $size;
	font-size: rem-calc($size);
}

@mixin center-horizontal {
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

@mixin center-vertical {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@mixin center {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}

// Mixin that will include the fall back px declaration as well as the calculated rem value.
@mixin fallback-font-size($size) {
	font-size: $size;
	font-size: rem-calc($size);
}

Add 'center' mixin that will center element horizontal & vertical
Add 'center' mixin that will center element horizontal & vertical
