/* Margins (Top) */
.mt-1 {
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mt-3 {
	margin-top: 3rem;
}

.mt-4 {
	margin-top: 4rem;
}

.mt-5 {
	margin-top: 5rem;
}

/* Margins (Bottom) */
.mb-1 {
	margin-bottom: 1rem;
}

.mb-2 {
	margin-bottom: 2rem;
}

.mb-3 {
	margin-bottom: 3rem;
}

.mb-4 {
	margin-bottom: 4rem;
}

.mb-5 {
	margin-bottom: 5rem;
}

/* Padding */
.p-1 {
	padding: 1rem;
}

.p-2 {
	padding: 2rem;
}

.p-3 {
	padding: 3rem;
}

.p-4 {
	padding: 4rem;
}

.p-5 {
	padding: 5rem;
}

.pt-1 {
	padding-top: 1rem;
}

.pt-2 {
	padding-top: 2rem;
}

.pb-1 {
	padding-bottom: 1rem;
}

.pb-2 {
	padding-bottom: 2rem;
}

/* Text alignment */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* Center content using flex */
.d-flex {
	display: flex;
}

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

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

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

/* Width helpers */
.w-100 {
	width: 100%;
}

.w-50 {
	width: 50%;
}

.w-25 {
	width: 25%;
}

/* Height helpers */
.h-100 {
	height: 100%;
}

.h-50 {
	height: 50%;
}

/* Container */
.container {
	width: 100%;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}

/* Row and Columns */
.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

.col {
	flex: 1 0 0%;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-4 {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

/* Center text vertically and horizontally */
.center-all {
	display: flex;
	justify-content: center;
	align-items: center;
}