Fix for issue in Safari when wanting to use 'position: absolute;' with flexbox

flexbox.css

/**
* Flexbox styles so Safari respects position: relative; on the flex item.
*/

.flex-box {
	display: flex;
}

 .flex-item {
 	display: flex; /* Fixes Safari issue with position: relative; */ 
 	flex: 1;
 	flex-direction: column; /* Fixes text not wrapping in IE10 introduced by using display: flex; */
 	position: relative;
 }
 
 /**
 * Now you can use position: absolute; within .flex-item
 */

Thanks, my savior :)