.fx {display: flex;}
.wr {flex-wrap: wrap;}
.acbw {align-content: space-between;} /*insieme al wrap*/

.fxx {
	display: flex;
	justify-content: center;
	align-items: center;
}
.fx-jcsb {
	display: flex;
	justify-content: space-between;
}
/* ===========================================
FLEX
=========================================== */
.fx-1 {flex: 1;}
.fx-2 {flex: 2;}
.fx-3 {flex: 3;}
.fx-4 {flex: 4;}
.fx-5 {flex: 5;}
.fx-6 {flex: 6;}
.fx-7 {flex: 7;}
.fx-8 {flex: 8;}
.fx-9 {flex: 9;}


.fy {flex: 1;}
.fy-2 {flex: 2;}

.f1 {flex: 1;}
.f1-2 {flex: 2;}
/* ===========================================
ASPECT RATIO 
=========================================== */
.asp-11 {aspect-ratio: 1;}
.asp-21 {aspect-ratio: 2 / 1;}
.asp-12 {aspect-ratio: 0.5 / 1;}
.asp-32 {aspect-ratio: 3 / 1;}
.asp-32 {aspect-ratio: 3 / 2;}
.asp-23 {aspect-ratio: 2 / 3;}
.asp-43 {aspect-ratio: 4 / 3;}
.asp-34 {aspect-ratio: 3 / 4;}
.asp-16 {aspect-ratio: 16 / 9;}
.asp-75 {aspect-ratio: 7 / 5;}
.asp-57 {aspect-ratio: 5 / 7;}

.asp-a {aspect-ratio: 1.93;}
/* ===========================================
POSITION 
=========================================== */
.rx {position: relative;}
.ax {position: absolute;}
.float {float: left;} 
.over {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0; left:0;
}