Mixins for easy vertical and horizontal center alignment with SCSS

centeralignmentmixins

@mixin vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@mixin horizontal-align {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.vcenter{
	@include vertical-align;
}
.hcenter{
	@include horizontal-align;
}