/* ========== flex s ========== */

.flex {
	display: flex;
}

.inline-flex {
	display: inline-flex;
}

.flex-row {
	flex-direction: row;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-col {
	flex-direction: column;
}

.flex-col-reverse {
	flex-direction: column-reverse;
}

.flex-no-wrap {
	flex-wrap: nowrap;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

.items-stretch {
	align-items: stretch;
}

.items-start {
	align-items: flex-start;
}

.items-center {
	align-items: center;
}

.items-end {
	align-items: flex-end;
}

.items-baseline {
	align-items: baseline;
}

.content-start {
	align-content: flex-start;
}

.content-center {
	align-content: center;
}

.content-end {
	align-content: flex-end;
}

.content-between {
	align-content: space-between;
}

.content-around {
	align-content: space-around;
}

.self-auto {
	align-self: auto;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-end {
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.flex-initial {
	flex: initial;
}

.flex-1 {
	flex: 1;
}

.flex-auto {
	flex: auto;
}

.flex-none {
	flex: none;
}

.flex-grow {
	flex-grow: 1;
}

.flex-shrink {
	flex-shrink: 1;
}

.flex-no-grow {
	flex-grow: 0;
}

.flex-no-shrink {
	flex-shrink: 0;
}

@media (max-width: 1199px) {}

@media (max-width: 991px) {
	.flex-md {
		display: flex;
	}
	.inline-flex-md {
		display: inline-flex;
	}
	.flex-row-md {
		flex-direction: row;
	}
	.flex-row-reverse-md {
		flex-direction: row-reverse;
	}
	.flex-col-md {
		flex-direction: column;
	}
	.flex-col-reverse-md {
		flex-direction: column-reverse;
	}
	.flex-no-wrap-md {
		flex-wrap: nowrap;
	}
	.flex-wrap-md {
		flex-wrap: wrap;
	}
	.flex-wrap-reverse-md {
		flex-wrap: wrap-reverse;
	}
	.items-stretch-md {
		align-items: stretch;
	}
	.items-start-md {
		align-items: flex-start;
	}
	.items-center-md {
		align-items: center;
	}
	.items-end-md {
		align-items: flex-end;
	}
	.items-baseline-md {
		align-items: baseline;
	}
	.content-start-md {
		align-content: flex-start;
	}
	.content-center-md {
		align-content: center;
	}
	.content-end-md {
		align-content: flex-end;
	}
	.content-between-md {
		align-content: space-between;
	}
	.content-around-md {
		align-content: space-around;
	}
	.self-auto-md {
		align-self: auto;
	}
	.self-start-md {
		align-self: flex-start;
	}
	.self-center-md {
		align-self: center;
	}
	.self-end-md {
		align-self: flex-end;
	}
	.self-stretch-md {
		align-self: stretch;
	}
	.justify-start-md {
		justify-content: flex-start;
	}
	.justify-center-md {
		justify-content: center;
	}
	.justify-end-md {
		justify-content: flex-end;
	}
	.justify-between-md {
		justify-content: space-between;
	}
	.justify-around-md {
		justify-content: space-around;
	}
	.flex-initial-md {
		flex: initial;
	}
	.flex-1-md {
		flex: 1;
	}
	.flex-auto-md {
		flex: auto;
	}
	.flex-none-md {
		flex: none;
	}
	.flex-grow-md {
		flex-grow: 1;
	}
	.flex-shrink-md {
		flex-shrink: 1;
	}
	.flex-no-grow-md {
		flex-grow: 0;
	}
	.flex-no-shrink-md {
		flex-shrink: 0;
	}
}

@media (max-width: 767px) {
	.flex-sm {
		display: flex;
	}
	.inline-flex-sm {
		display: inline-flex;
	}
	.flex-row-sm {
		flex-direction: row;
	}
	.flex-row-reverse-sm {
		flex-direction: row-reverse;
	}
	.flex-col-sm {
		flex-direction: column;
	}
	.flex-col-reverse-sm {
		flex-direction: column-reverse;
	}
	.flex-no-wrap-sm {
		flex-wrap: nowrap;
	}
	.flex-wrap-sm {
		flex-wrap: wrap;
	}
	.flex-wrap-reverse-sm {
		flex-wrap: wrap-reverse;
	}
	.items-stretch-sm {
		align-items: stretch;
	}
	.items-start-sm {
		align-items: flex-start;
	}
	.items-center-sm {
		align-items: center;
	}
	.items-end-sm {
		align-items: flex-end;
	}
	.items-baseline-sm {
		align-items: baseline;
	}
	.content-start-sm {
		align-content: flex-start;
	}
	.content-center-sm {
		align-content: center;
	}
	.content-end-sm {
		align-content: flex-end;
	}
	.content-between-sm {
		align-content: space-between;
	}
	.content-around-sm {
		align-content: space-around;
	}
	.self-auto-sm {
		align-self: auto;
	}
	.self-start-sm {
		align-self: flex-start;
	}
	.self-center-sm {
		align-self: center;
	}
	.self-end-sm {
		align-self: flex-end;
	}
	.self-stretch-sm {
		align-self: stretch;
	}
	.justify-start-sm {
		justify-content: flex-start;
	}
	.justify-center-sm {
		justify-content: center;
	}
	.justify-end-sm {
		justify-content: flex-end;
	}
	.justify-between-sm {
		justify-content: space-between;
	}
	.justify-around-sm {
		justify-content: space-around;
	}
	.flex-initial-sm {
		flex: initial;
	}
	.flex-1-sm {
		flex: 1;
	}
	.flex-auto-sm {
		flex: auto;
	}
	.flex-none-sm {
		flex: none;
	}
	.flex-grow-sm {
		flex-grow: 1;
	}
	.flex-shrink-sm {
		flex-shrink: 1;
	}
	.flex-no-grow-sm {
		flex-grow: 0;
	}
	.flex-no-shrink-sm {
		flex-shrink: 0;
	}
}

@media (max-width: 479px) {
	.flex-xs {
		display: flex;
	}
	.inline-flex-xs {
		display: inline-flex;
	}
	.flex-row-xs {
		flex-direction: row;
	}
	.flex-row-reverse-xs {
		flex-direction: row-reverse;
	}
	.flex-col-xs {
		flex-direction: column;
	}
	.flex-col-reverse-xs {
		flex-direction: column-reverse;
	}
	.flex-no-wrap-xs {
		flex-wrap: nowrap;
	}
	.flex-wrap-xs {
		flex-wrap: wrap;
	}
	.flex-wrap-reverse-xs {
		flex-wrap: wrap-reverse;
	}
	.items-stretch-xs {
		align-items: stretch;
	}
	.items-start-xs {
		align-items: flex-start;
	}
	.items-center-xs {
		align-items: center;
	}
	.items-end-xs {
		align-items: flex-end;
	}
	.items-baseline-xs {
		align-items: baseline;
	}
	.content-start-xs {
		align-content: flex-start;
	}
	.content-center-xs {
		align-content: center;
	}
	.content-end-xs {
		align-content: flex-end;
	}
	.content-between-xs {
		align-content: space-between;
	}
	.content-around-xs {
		align-content: space-around;
	}
	.self-auto-xs {
		align-self: auto;
	}
	.self-start-xs {
		align-self: flex-start;
	}
	.self-center-xs {
		align-self: center;
	}
	.self-end-xs {
		align-self: flex-end;
	}
	.self-stretch-xs {
		align-self: stretch;
	}
	.justify-start-xs {
		justify-content: flex-start;
	}
	.justify-center-xs {
		justify-content: center;
	}
	.justify-end-xs {
		justify-content: flex-end;
	}
	.justify-between-xs {
		justify-content: space-between;
	}
	.justify-around-xs {
		justify-content: space-around;
	}
	.flex-initial-xs {
		flex: initial;
	}
	.flex-1-xs {
		flex: 1;
	}
	.flex-auto-xs {
		flex: auto;
	}
	.flex-none-xs {
		flex: none;
	}
	.flex-grow-xs {
		flex-grow: 1;
	}
	.flex-shrink-xs {
		flex-shrink: 1;
	}
	.flex-no-grow-xs {
		flex-grow: 0;
	}
	.flex-no-shrink-xs {
		flex-shrink: 0;
	}
}

@media (max-width: 319px) {}


/* ========== flex e ========== */