// atajos flex
.f
	display flex
.aifs
	align-items flex-start
.aic
	align-items center
.aife
	align-items flex-end
.fdc
	flex-direction column
.fdcr
	flex-direction column-reverse
.fdr
	flex-direction row
.fdrr
	flex-direction row-reverse
.jcsb
	justify-content space-between
.jcfs
	justify-content flex-start
.jcc
	justify-content center
.jcfe
	justify-content flex-end
.ffrw
	flex-flow row wrap
.ffnw
	flex-flow no wrap
.asfs
	align-self flex-start
.asfc
	align-self center
.asfe
	align-self flex-end


@media screen and (max-width 1024px)
	.f-1024
		display flex
	.fdc-1024
		flex-direction column
	.aifs-1024
		align-items flex-start
	.aic-1024
		align-items center
	.aife-1024
		align-items flex-end
	.fdc-1024
		flex-direction column
	.fdcr-1024
		flex-direction column-reverse
	.fdr-1024
		flex-direction row
	.fdrr-1024
		flex-direction row-reverse
	.jcsb-1024
		justify-content space-between
	.jcfs-1024
		justify-content flex-start
	.jcc-1024
		justify-content center
	.jcfe-1024
		justify-content flex-end
	.ffrw-1024
		flex-flow row wrap
	.ffnw-1024
		flex-flow no wrap
	.asfs-1024
		align-self flex-start
	.asfc-1024
		align-self center
	.asfe-1024
		align-self flex-end


@media screen and (max-width 768px)
	.f-768
		display flex
	.fdc-768
		flex-direction column
	.aifs-768
		align-items flex-start
	.aic-768
		align-items center
	.aife-768
		align-items flex-end
	.fdc-768
		flex-direction column
	.fdcr-768
		flex-direction column-reverse
	.fdr-768
		flex-direction row
	.fdrr-768
		flex-direction row-reverse
	.jcsb-768
		justify-content space-between
	.jcfs-768
		justify-content flex-start
	.jcc-768
		justify-content center
	.jcfe-768
		justify-content flex-end
	.ffrw-768
		flex-flow row wrap
	.ffnw-768
		flex-flow no wrap
	.asfs-768
		align-self flex-start
	.asfc-768
		align-self center
	.asfe-768
		align-self flex-end

@media screen and (max-width 480px)
	.f-480
		display flex
	.fdc-480
		flex-direction column
	.aifs-480
		align-items flex-start
	.aic-480
		align-items center
	.aife-480
		align-items flex-end
	.fdc-480
		flex-direction column
	.fdcr-480
		flex-direction column-reverse
	.fdr-480
		flex-direction row
	.fdrr-480
		flex-direction row-reverse
	.jcsb-480
		justify-content space-between
	.jcfs-480
		justify-content flex-start
	.jcc-480
		justify-content center
	.jcfe-480
		justify-content flex-end
	.ffrw-480
		flex-flow row wrap
	.ffnw-480
		flex-flow no wrap
	.asfs-480
		align-self flex-start
	.asfc-480
		align-self center
	.asfe-480
		align-self flex-end