@mixin flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@mixin flex-value($flex-value){

	@if $flex-value == none {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}
	@else{
		-webkit-box-flex: $flex-value;
		-ms-flex: $flex-value;
		flex: $flex-value;
	}
}

@mixin flex-direction($flex-direction){
	-webkit-flex-direction: $flex-direction;
	-ms-flex-direction: $flex-direction;
	flex-direction: $flex-direction;
}

@mixin flex-justify($flex-justify){ // HORIZONTAL
	-webkit-justify-content: $flex-justify;
	@if $flex-justify == flex-start { -ms-flex-pack: start; }
	@else if $flex-justify == flex-end { -ms-flex-pack: end; }
	@else { -ms-flex-pack: $flex-justify; }
	justify-content: $flex-justify;
}

@mixin flex-wrap($flex-wrap){ // WRAP
	-webkit-flex-wrap: $flex-wrap;
	-ms-flex-wrap: $flex-wrap;
	flex-wrap: $flex-wrap;
}

@mixin flex-align($flex-align){ // VERTICAL
	-webkit-align-items: $flex-align;
	@if $flex-align == flex-start { -ms-flex-align: start; }
	@else if $flex-align == flex-end { -ms-flex-align: end; }
	@else { -ms-flex-align: $flex-align; }
	align-items: $flex-align;
}

@mixin align-self($align-self){ // ALIGN SELF
	-webkit-align-self: $align-self;
	@if $align-self == flex-start { -ms-flex-item-align: start; }
	@else if $align-self == flex-end { -ms-flex-item-align: end; }
	@else { -ms-flex-item-align: $align-self; }
	align-self: $align-self;
}

@mixin align-items($align-items){ // ALIGN ITEMS
	-webkit-box-align: $align-items;
	@if $align-items == flex-start { -ms-flex-align: start; }
	@else if $align-items == flex-end { -ms-flex-align: end; }
	@else { -ms-flex-align: $align-items; }
	align-items: $align-items;
}

@mixin justify-items($justify-content){ // ALIGN ITEMS
	-webkit-box-pack: $justify-content;
	@if $justify-content == flex-start { -ms-flex-pack: start; }
	@else if $justify-content == flex-end { -ms-flex-pack: end; }
	@else { -ms-flex-pack: $justify-content; }
	justify-content: $justify-content;
}