//*-----------------------------------------------------------*\
    //#Vertically and horizontally center an object in context
//*-----------------------------------------------------------*/

//centra verticalmente un elemento
//use: .foo {@include h-vertical-align;}
@mixin h-vertical-align {
	display: block;
	position: relative;
    top: 50%;
    -ms-transform 	 : translateY(-50%);
    -moz-transform   : translateY(-50%);
    -o-transform  	 : translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
}

//centra horizontalmente un elemento
//use: .foo {@include h-horizontal-align;}
@mixin h-horizontal-align {
	display: block;
	position: relative;
    left: 50%;
    -ms-transform 	 : translateX(-50%);
    -moz-transform   : translateX(-50%);
    -o-transform  	 : translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform        : translateX(-50%);
}