/*== NOTES =====================================================================

Common media queries (width): 1024px, 768px

/*-- RESET -------------------------------------------------------------------*/

* {
	box-sizing: border-box;
}

html {
	min-height: 100vh;
}

body {
	min-height: inherit;
	margin: 0;
}

/*-- CLASSES -----------------------------------------------------------------*/

.column,
.row {
	display: flex;

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

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

	&.wrap {
		flex-wrap: wrap;

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

.column {
	flex-direction: column;
}

.row {
	flex-direction: row;
}