/*------------------------------------*\
    FLEX + RESPONSIVE
\*------------------------------------*/
.display-block {
	display:block;
}
.display-flex {
	display:flex;
}
.flex-flow-row {
	flex-flow: row wrap;
}
.flex-flow-column {
	flex-flow: column wrap;
}
.justify-content-start {
	justify-content: flex-start
}
.justify-content-end {
	justify-content: flex-end
}
.justify-content-center {
	justify-content: center;
}
.justify-content-space-between {
	justify-content: space-between;
}
.justify-content-space-around {
	justify-content: space-around;
}
.justify-content-space-evenly {
	justify-content: space-evenly;
}
.align-items-start {
	align-items: flex-start;
}
.align-items-end {
	align-items: flex-end;
}
.align-items-center {
	align-items: center;
}
.align-items-stretch {
	align-items: stretch;
}
.align-items-baseline {
	align-items: baseline;
}
.align-content-start {
	align-content: flex-start;
}
.align-content-end {
	align-content: flex-end;
}
.align-content-center {
	align-content: center;
}
.align-content-stretch {
	align-content: stretch;
}
.align-content-space-between {
	align-items: space-between;
}
.align-content-space-around {
	align-items: space-around;
}

@media only screen and (max-width:1400px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-1400 {
		display:block;
	}
	.display-flex-1400 {
		display:flex;
	}
	.flex-flow-row-1400 {
		flex-flow: row wrap;
	}
	.flex-flow-column-1400 {
		flex-flow: column wrap;
	}
	.justify-content-start-1400 {
		justify-content: flex-start
	}
	.justify-content-end-1400 {
		justify-content: flex-end
	}
	.justify-content-center-1400 {
		justify-content: center;
	}
	.justify-content-space-between-1400 {
		justify-content: space-between;
	}
	.justify-content-space-around-1400 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-1400 {
		justify-content: space-evenly;
	}
	.align-items-start-1400 {
		align-items: flex-start;
	}
	.align-items-end-1400 {
		align-items: flex-end;
	}
	.align-items-center-1400 {
		align-items: center;
	}
	.align-items-stretch-1400 {
		align-items: stretch;
	}
	.align-items-baseline-1400 {
		align-items: baseline;
	}
	.align-content-start-1400 {
		align-content: flex-start;
	}
	.align-content-end-1400 {
		align-content: flex-end;
	}
	.align-content-center-1400 {
		align-content: center;
	}
	.align-content-stretch-1400 {
		align-content: stretch;
	}
	.align-content-space-between-1400 {
		align-items: space-between;
	}
	.align-content-space-around-1400 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:1300px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-1300 {
		display:block;
	}
	.display-flex-1300 {
		display:flex;
	}
	.flex-flow-row-1300 {
		flex-flow: row wrap;
	}
	.flex-flow-column-1300 {
		flex-flow: column wrap;
	}
	.justify-content-start-1300 {
		justify-content: flex-start
	}
	.justify-content-end-1300 {
		justify-content: flex-end
	}
	.justify-content-center-1300 {
		justify-content: center;
	}
	.justify-content-space-between-1300 {
		justify-content: space-between;
	}
	.justify-content-space-around-1300 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-1300 {
		justify-content: space-evenly;
	}
	.align-items-start-1300 {
		align-items: flex-start;
	}
	.align-items-end-1300 {
		align-items: flex-end;
	}
	.align-items-center-1300 {
		align-items: center;
	}
	.align-items-stretch-1300 {
		align-items: stretch;
	}
	.align-items-baseline-1300 {
		align-items: baseline;
	}
	.align-content-start-1300 {
		align-content: flex-start;
	}
	.align-content-end-1300 {
		align-content: flex-end;
	}
	.align-content-center-1300 {
		align-content: center;
	}
	.align-content-stretch-1300 {
		align-content: stretch;
	}
	.align-content-space-between-1300 {
		align-items: space-between;
	}
	.align-content-space-around-1300 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:1200px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-1200 {
		display:block;
	}
	.display-flex-1200 {
		display:flex;
	}
	.flex-flow-row-1200 {
		flex-flow: row wrap;
	}
	.flex-flow-column-1200 {
		flex-flow: column wrap;
	}
	.justify-content-start-1200 {
		justify-content: flex-start
	}
	.justify-content-end-1200 {
		justify-content: flex-end
	}
	.justify-content-center-1200 {
		justify-content: center;
	}
	.justify-content-space-between-1200 {
		justify-content: space-between;
	}
	.justify-content-space-around-1200 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-1200 {
		justify-content: space-evenly;
	}
	.align-items-start-1200 {
		align-items: flex-start;
	}
	.align-items-end-1200 {
		align-items: flex-end;
	}
	.align-items-center-1200 {
		align-items: center;
	}
	.align-items-stretch-1200 {
		align-items: stretch;
	}
	.align-items-baseline-1200 {
		align-items: baseline;
	}
	.align-content-start-1200 {
		align-content: flex-start;
	}
	.align-content-end-1200 {
		align-content: flex-end;
	}
	.align-content-center-1200 {
		align-content: center;
	}
	.align-content-stretch-1200 {
		align-content: stretch;
	}
	.align-content-space-between-1200 {
		align-items: space-between;
	}
	.align-content-space-around-1200 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:1100px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-1100 {
		display:block;
	}
	.display-flex-1100 {
		display:flex;
	}
	.flex-flow-row-1100 {
		flex-flow: row wrap;
	}
	.flex-flow-column-1100 {
		flex-flow: column wrap;
	}
	.justify-content-start-1100 {
		justify-content: flex-start
	}
	.justify-content-end-1100 {
		justify-content: flex-end
	}
	.justify-content-center-1100 {
		justify-content: center;
	}
	.justify-content-space-between-1100 {
		justify-content: space-between;
	}
	.justify-content-space-around-1100 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-1100 {
		justify-content: space-evenly;
	}
	.align-items-start-1100 {
		align-items: flex-start;
	}
	.align-items-end-1100 {
		align-items: flex-end;
	}
	.align-items-center-1100 {
		align-items: center;
	}
	.align-items-stretch-1100 {
		align-items: stretch;
	}
	.align-items-baseline-1100 {
		align-items: baseline;
	}
	.align-content-start-1100 {
		align-content: flex-start;
	}
	.align-content-end-1100 {
		align-content: flex-end;
	}
	.align-content-center-1100 {
		align-content: center;
	}
	.align-content-stretch-1100 {
		align-content: stretch;
	}
	.align-content-space-between-1100 {
		align-items: space-between;
	}
	.align-content-space-around-1100 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:1024px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-1024 {
		display:block;
	}
	.display-flex-1024 {
		display:flex;
	}
	.flex-flow-row-1024 {
		flex-flow: row wrap;
	}
	.flex-flow-column-1024 {
		flex-flow: column wrap;
	}
	.justify-content-start-1024 {
		justify-content: flex-start
	}
	.justify-content-end-1024 {
		justify-content: flex-end
	}
	.justify-content-center-1024 {
		justify-content: center;
	}
	.justify-content-space-between-1024 {
		justify-content: space-between;
	}
	.justify-content-space-around-1024 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-1024 {
		justify-content: space-evenly;
	}
	.align-items-start-1024 {
		align-items: flex-start;
	}
	.align-items-end-1024 {
		align-items: flex-end;
	}
	.align-items-center-1024 {
		align-items: center;
	}
	.align-items-stretch-1024 {
		align-items: stretch;
	}
	.align-items-baseline-1024 {
		align-items: baseline;
	}
	.align-content-start-1024 {
		align-content: flex-start;
	}
	.align-content-end-1024 {
		align-content: flex-end;
	}
	.align-content-center-1024 {
		align-content: center;
	}
	.align-content-stretch-1024 {
		align-content: stretch;
	}
	.align-content-space-between-1024 {
		align-items: space-between;
	}
	.align-content-space-around-1024 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:900px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-900 {
		display:block;
	}
	.display-flex-900 {
		display:flex;
	}
	.flex-flow-row-900 {
		flex-flow: row wrap;
	}
	.flex-flow-column-900 {
		flex-flow: column wrap;
	}
	.justify-content-start-900 {
		justify-content: flex-start
	}
	.justify-content-end-900 {
		justify-content: flex-end
	}
	.justify-content-center-900 {
		justify-content: center;
	}
	.justify-content-space-between-900 {
		justify-content: space-between;
	}
	.justify-content-space-around-900 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-900 {
		justify-content: space-evenly;
	}
	.align-items-start-900 {
		align-items: flex-start;
	}
	.align-items-end-900 {
		align-items: flex-end;
	}
	.align-items-center-900 {
		align-items: center;
	}
	.align-items-stretch-900 {
		align-items: stretch;
	}
	.align-items-baseline-900 {
		align-items: baseline;
	}
	.align-content-start-900 {
		align-content: flex-start;
	}
	.align-content-end-900 {
		align-content: flex-end;
	}
	.align-content-center-900 {
		align-content: center;
	}
	.align-content-stretch-900 {
		align-content: stretch;
	}
	.align-content-space-between-900 {
		align-items: space-between;
	}
	.align-content-space-around-900 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:800px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-800 {
		display:block;
	}
	.display-flex-800 {
		display:flex;
	}
	.flex-flow-row-800 {
		flex-flow: row wrap;
	}
	.flex-flow-column-800 {
		flex-flow: column wrap;
	}
	.justify-content-start-800 {
		justify-content: flex-start
	}
	.justify-content-end-800 {
		justify-content: flex-end
	}
	.justify-content-center-800 {
		justify-content: center;
	}
	.justify-content-space-between-800 {
		justify-content: space-between;
	}
	.justify-content-space-around-800 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-800 {
		justify-content: space-evenly;
	}
	.align-items-start-800 {
		align-items: flex-start;
	}
	.align-items-end-800 {
		align-items: flex-end;
	}
	.align-items-center-800 {
		align-items: center;
	}
	.align-items-stretch-800 {
		align-items: stretch;
	}
	.align-items-baseline-800 {
		align-items: baseline;
	}
	.align-content-start-800 {
		align-content: flex-start;
	}
	.align-content-end-800 {
		align-content: flex-end;
	}
	.align-content-center-800 {
		align-content: center;
	}
	.align-content-stretch-800 {
		align-content: stretch;
	}
	.align-content-space-between-800 {
		align-items: space-between;
	}
	.align-content-space-around-800 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:768px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-768 {
		display:block;
	}
	.display-flex-768 {
		display:flex;
	}
	.flex-flow-row-768 {
		flex-flow: row wrap;
	}
	.flex-flow-column-768 {
		flex-flow: column wrap;
	}
	.justify-content-start-768 {
		justify-content: flex-start
	}
	.justify-content-end-768 {
		justify-content: flex-end
	}
	.justify-content-center-768 {
		justify-content: center;
	}
	.justify-content-space-between-768 {
		justify-content: space-between;
	}
	.justify-content-space-around-768 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-768 {
		justify-content: space-evenly;
	}
	.align-items-start-768 {
		align-items: flex-start;
	}
	.align-items-end-768 {
		align-items: flex-end;
	}
	.align-items-center-768 {
		align-items: center;
	}
	.align-items-stretch-768 {
		align-items: stretch;
	}
	.align-items-baseline-768 {
		align-items: baseline;
	}
	.align-content-start-768 {
		align-content: flex-start;
	}
	.align-content-end-768 {
		align-content: flex-end;
	}
	.align-content-center-768 {
		align-content: center;
	}
	.align-content-stretch-768 {
		align-content: stretch;
	}
	.align-content-space-between-768 {
		align-items: space-between;
	}
	.align-content-space-around-768 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:670px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-670 {
		display:block;
	}
	.display-flex-670 {
		display:flex;
	}
	.flex-flow-row-670 {
		flex-flow: row wrap;
	}
	.flex-flow-column-670 {
		flex-flow: column wrap;
	}
	.justify-content-start-670 {
		justify-content: flex-start
	}
	.justify-content-end-670 {
		justify-content: flex-end
	}
	.justify-content-center-670 {
		justify-content: center;
	}
	.justify-content-space-between-670 {
		justify-content: space-between;
	}
	.justify-content-space-around-670 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-670 {
		justify-content: space-evenly;
	}
	.align-items-start-670 {
		align-items: flex-start;
	}
	.align-items-end-670 {
		align-items: flex-end;
	}
	.align-items-center-670 {
		align-items: center;
	}
	.align-items-stretch-670 {
		align-items: stretch;
	}
	.align-items-baseline-670 {
		align-items: baseline;
	}
	.align-content-start-670 {
		align-content: flex-start;
	}
	.align-content-end-670 {
		align-content: flex-end;
	}
	.align-content-center-670 {
		align-content: center;
	}
	.align-content-stretch-670 {
		align-content: stretch;
	}
	.align-content-space-between-670 {
		align-items: space-between;
	}
	.align-content-space-around-670 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/


}

@media only screen and (max-width:550px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-550 {
		display:block;
	}
	.display-flex-550 {
		display:flex;
	}
	.flex-flow-row-550 {
		flex-flow: row wrap;
	}
	.flex-flow-column-550 {
		flex-flow: column wrap;
	}
	.justify-content-start-550 {
		justify-content: flex-start
	}
	.justify-content-end-550 {
		justify-content: flex-end
	}
	.justify-content-center-550 {
		justify-content: center;
	}
	.justify-content-space-between-550 {
		justify-content: space-between;
	}
	.justify-content-space-around-550 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-550 {
		justify-content: space-evenly;
	}
	.align-items-start-550 {
		align-items: flex-start;
	}
	.align-items-end-550 {
		align-items: flex-end;
	}
	.align-items-center-550 {
		align-items: center;
	}
	.align-items-stretch-550 {
		align-items: stretch;
	}
	.align-items-baseline-550 {
		align-items: baseline;
	}
	.align-content-start-550 {
		align-content: flex-start;
	}
	.align-content-end-550 {
		align-content: flex-end;
	}
	.align-content-center-550 {
		align-content: center;
	}
	.align-content-stretch-550 {
		align-content: stretch;
	}
	.align-content-space-between-550 {
		align-items: space-between;
	}
	.align-content-space-around-550 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}

@media only screen and (max-width:480px) {

/*------------------------------------*\
    START RESPONSIVE FLEX CSS
\*------------------------------------*/
	.display-block-480 {
		display:block;
	}
	.display-flex-480 {
		display:flex;
	}
	.flex-flow-row-480 {
		flex-flow: row wrap;
	}
	.flex-flow-column-480 {
		flex-flow: column wrap;
	}
	.justify-content-start-480 {
		justify-content: flex-start
	}
	.justify-content-end-480 {
		justify-content: flex-end
	}
	.justify-content-center-480 {
		justify-content: center;
	}
	.justify-content-space-between-480 {
		justify-content: space-between;
	}
	.justify-content-space-around-480 {
		justify-content: space-around;
	}
	.justify-content-space-evenly-480 {
		justify-content: space-evenly;
	}
	.align-items-start-480 {
		align-items: flex-start;
	}
	.align-items-end-480 {
		align-items: flex-end;
	}
	.align-items-center-480 {
		align-items: center;
	}
	.align-items-stretch-480 {
		align-items: stretch;
	}
	.align-items-baseline-480 {
		align-items: baseline;
	}
	.align-content-start-480 {
		align-content: flex-start;
	}
	.align-content-end-480 {
		align-content: flex-end;
	}
	.align-content-center-480 {
		align-content: center;
	}
	.align-content-stretch-480 {
		align-content: stretch;
	}
	.align-content-space-between-480 {
		align-items: space-between;
	}
	.align-content-space-around-480 {
		align-items: space-around;
	}
/*------------------------------------*\
    END RESPONSIVE FLEX CSS
\*------------------------------------*/

}


/*------------------------------------*\
    END FLEX
\*------------------------------------*/