/* ==== Width Utilities (5% steps) ====*/
.w-0 {
	width: 0% !important;
}

.w-5 {
	width: 5% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-25 {
	width: 25% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-50 {
	width: 50% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-75 {
	width: 75% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95% !important;
}

.w-100 {
	width: 100% !important;
}
.w-200 {
	width: 200% !important;
}
.w-300 {
	width: 300% !important;
}

/* ==== Height Utilities (5% steps) ====*/
.h-0 {
	height: 0% !important;
}

.h-5 {
	height: 5% !important;
}

.h-10 {
	height: 10% !important;
}

.h-15 {
	height: 15% !important;
}

.h-20 {
	height: 20% !important;
}

.h-25 {
	height: 25% !important;
}

.h-30 {
	height: 30% !important;
}

.h-35 {
	height: 35% !important;
}

.h-40 {
	height: 40% !important;
}

.h-45 {
	height: 45% !important;
}

.h-50 {
	height: 50% !important;
}

.h-55 {
	height: 55% !important;
}

.h-60 {
	height: 60% !important;
}

.h-65 {
	height: 65% !important;
}

.h-70 {
	height: 70% !important;
}

.h-75 {
	height: 75% !important;
}

.h-80 {
	height: 80% !important;
}

.h-85 {
	height: 85% !important;
}

.h-90 {
	height: 90% !important;
}

.h-95 {
	height: 95% !important;
}

.h-100 {
	height: 100% !important;
}

/* ==== Responsive Variants ==== */
@media (min-width: 576px) {
	.w-sm-0 {
		width: 0% !important;
	}

	.w-sm-5 {
		width: 5% !important;
	}

	.w-sm-10 {
		width: 10% !important;
	}

	.w-sm-15 {
		width: 15% !important;
	}

	.w-sm-20 {
		width: 20% !important;
	}

	.w-sm-25 {
		width: 25% !important;
	}

	.w-sm-30 {
		width: 30% !important;
	}

	.w-sm-35 {
		width: 35% !important;
	}

	.w-sm-40 {
		width: 40% !important;
	}

	.w-sm-45 {
		width: 45% !important;
	}

	.w-sm-50 {
		width: 50% !important;
	}

	.w-sm-55 {
		width: 55% !important;
	}

	.w-sm-60 {
		width: 60% !important;
	}

	.w-sm-65 {
		width: 65% !important;
	}

	.w-sm-70 {
		width: 70% !important;
	}

	.w-sm-75 {
		width: 75% !important;
	}

	.w-sm-80 {
		width: 80% !important;
	}

	.w-sm-85 {
		width: 85% !important;
	}

	.w-sm-90 {
		width: 90% !important;
	}

	.w-sm-95 {
		width: 95% !important;
	}

	.w-sm-100 {
		width: 100% !important;
	}

	.h-sm-0 {
		height: 0% !important;
	}

	.h-sm-5 {
		height: 5% !important;
	}

	.h-sm-10 {
		height: 10% !important;
	}

	.h-sm-15 {
		height: 15% !important;
	}

	.h-sm-20 {
		height: 20% !important;
	}

	.h-sm-25 {
		height: 25% !important;
	}

	.h-sm-30 {
		height: 30% !important;
	}

	.h-sm-35 {
		height: 35% !important;
	}

	.h-sm-40 {
		height: 40% !important;
	}

	.h-sm-45 {
		height: 45% !important;
	}

	.h-sm-50 {
		height: 50% !important;
	}

	.h-sm-55 {
		height: 55% !important;
	}

	.h-sm-60 {
		height: 60% !important;
	}

	.h-sm-65 {
		height: 65% !important;
	}

	.h-sm-70 {
		height: 70% !important;
	}

	.h-sm-75 {
		height: 75% !important;
	}

	.h-sm-80 {
		height: 80% !important;
	}

	.h-sm-85 {
		height: 85% !important;
	}

	.h-sm-90 {
		height: 90% !important;
	}

	.h-sm-95 {
		height: 95% !important;
	}

	.h-sm-100 {
		height: 100% !important;
	}
}

@media (min-width: 768px) {
	.w-md-0 {
		width: 0% !important;
	}

	.w-md-5 {
		width: 5% !important;
	}

	.w-md-10 {
		width: 10% !important;
	}

	.w-md-15 {
		width: 15% !important;
	}

	.w-md-20 {
		width: 20% !important;
	}

	.w-md-25 {
		width: 25% !important;
	}

	.w-md-30 {
		width: 30% !important;
	}

	.w-md-35 {
		width: 35% !important;
	}

	.w-md-40 {
		width: 40% !important;
	}

	.w-md-45 {
		width: 45% !important;
	}

	.w-md-50 {
		width: 50% !important;
	}

	.w-md-55 {
		width: 55% !important;
	}

	.w-md-60 {
		width: 60% !important;
	}

	.w-md-65 {
		width: 65% !important;
	}

	.w-md-70 {
		width: 70% !important;
	}

	.w-md-75 {
		width: 75% !important;
	}

	.w-md-80 {
		width: 80% !important;
	}

	.w-md-85 {
		width: 85% !important;
	}

	.w-md-90 {
		width: 90% !important;
	}

	.w-md-95 {
		width: 95% !important;
	}

	.w-md-100 {
		width: 100% !important;
	}

	.h-md-0 {
		height: 0% !important;
	}

	.h-md-5 {
		height: 5% !important;
	}

	.h-md-10 {
		height: 10% !important;
	}

	.h-md-15 {
		height: 15% !important;
	}

	.h-md-20 {
		height: 20% !important;
	}

	.h-md-25 {
		height: 25% !important;
	}

	.h-md-30 {
		height: 30% !important;
	}

	.h-md-35 {
		height: 35% !important;
	}

	.h-md-40 {
		height: 40% !important;
	}

	.h-md-45 {
		height: 45% !important;
	}

	.h-md-50 {
		height: 50% !important;
	}

	.h-md-55 {
		height: 55% !important;
	}

	.h-md-60 {
		height: 60% !important;
	}

	.h-md-65 {
		height: 65% !important;
	}

	.h-md-70 {
		height: 70% !important;
	}

	.h-md-75 {
		height: 75% !important;
	}

	.h-md-80 {
		height: 80% !important;
	}

	.h-md-85 {
		height: 85% !important;
	}

	.h-md-90 {
		height: 90% !important;
	}

	.h-md-95 {
		height: 95% !important;
	}

	.h-md-100 {
		height: 100% !important;
	}
}

@media (min-width: 992px) {
	.w-lg-0 {
		width: 0% !important;
	}

	.w-lg-5 {
		width: 5% !important;
	}

	.w-lg-10 {
		width: 10% !important;
	}

	.w-lg-15 {
		width: 15% !important;
	}

	.w-lg-20 {
		width: 20% !important;
	}

	.w-lg-25 {
		width: 25% !important;
	}

	.w-lg-30 {
		width: 30% !important;
	}

	.w-lg-35 {
		width: 35% !important;
	}

	.w-lg-40 {
		width: 40% !important;
	}

	.w-lg-45 {
		width: 45% !important;
	}

	.w-lg-50 {
		width: 50% !important;
	}

	.w-lg-55 {
		width: 55% !important;
	}

	.w-lg-60 {
		width: 60% !important;
	}

	.w-lg-65 {
		width: 65% !important;
	}

	.w-lg-70 {
		width: 70% !important;
	}

	.w-lg-75 {
		width: 75% !important;
	}

	.w-lg-80 {
		width: 80% !important;
	}

	.w-lg-85 {
		width: 85% !important;
	}

	.w-lg-90 {
		width: 90% !important;
	}

	.w-lg-95 {
		width: 95% !important;
	}

	.w-lg-100 {
		width: 100% !important;
	}

	.h-lg-0 {
		height: 0% !important;
	}

	.h-lg-5 {
		height: 5% !important;
	}

	.h-lg-10 {
		height: 10% !important;
	}

	.h-lg-15 {
		height: 15% !important;
	}

	.h-lg-20 {
		height: 20% !important;
	}

	.h-lg-25 {
		height: 25% !important;
	}

	.h-lg-30 {
		height: 30% !important;
	}

	.h-lg-35 {
		height: 35% !important;
	}

	.h-lg-40 {
		height: 40% !important;
	}

	.h-lg-45 {
		height: 45% !important;
	}

	.h-lg-50 {
		height: 50% !important;
	}

	.h-lg-55 {
		height: 55% !important;
	}

	.h-lg-60 {
		height: 60% !important;
	}

	.h-lg-65 {
		height: 65% !important;
	}

	.h-lg-70 {
		height: 70% !important;
	}

	.h-lg-75 {
		height: 75% !important;
	}

	.h-lg-80 {
		height: 80% !important;
	}

	.h-lg-85 {
		height: 85% !important;
	}

	.h-lg-90 {
		height: 90% !important;
	}

	.h-lg-95 {
		height: 95% !important;
	}

	.h-lg-100 {
		height: 100% !important;
	}
}

@media (min-width: 1200px) {
	.w-xl-0 {
		width: 0% !important;
	}

	.w-xl-5 {
		width: 5% !important;
	}

	.w-xl-10 {
		width: 10% !important;
	}

	.w-xl-15 {
		width: 15% !important;
	}

	.w-xl-20 {
		width: 20% !important;
	}

	.w-xl-25 {
		width: 25% !important;
	}

	.w-xl-30 {
		width: 30% !important;
	}

	.w-xl-35 {
		width: 35% !important;
	}

	.w-xl-40 {
		width: 40% !important;
	}

	.w-xl-45 {
		width: 45% !important;
	}

	.w-xl-50 {
		width: 50% !important;
	}

	.w-xl-55 {
		width: 55% !important;
	}

	.w-xl-60 {
		width: 60% !important;
	}

	.w-xl-65 {
		width: 65% !important;
	}

	.w-xl-70 {
		width: 70% !important;
	}

	.w-xl-75 {
		width: 75% !important;
	}

	.w-xl-80 {
		width: 80% !important;
	}

	.w-xl-85 {
		width: 85% !important;
	}

	.w-xl-90 {
		width: 90% !important;
	}

	.w-xl-95 {
		width: 95% !important;
	}

	.w-xl-100 {
		width: 100% !important;
	}

	.h-xl-0 {
		height: 0% !important;
	}

	.h-xl-5 {
		height: 5% !important;
	}

	.h-xl-10 {
		height: 10% !important;
	}

	.h-xl-15 {
		height: 15% !important;
	}

	.h-xl-20 {
		height: 20% !important;
	}

	.h-xl-25 {
		height: 25% !important;
	}

	.h-xl-30 {
		height: 30% !important;
	}

	.h-xl-35 {
		height: 35% !important;
	}

	.h-xl-40 {
		height: 40% !important;
	}

	.h-xl-45 {
		height: 45% !important;
	}

	.h-xl-50 {
		height: 50% !important;
	}

	.h-xl-55 {
		height: 55% !important;
	}

	.h-xl-60 {
		height: 60% !important;
	}

	.h-xl-65 {
		height: 65% !important;
	}

	.h-xl-70 {
		height: 70% !important;
	}

	.h-xl-75 {
		height: 75% !important;
	}

	.h-xl-80 {
		height: 80% !important;
	}

	.h-xl-85 {
		height: 85% !important;
	}

	.h-xl-90 {
		height: 90% !important;
	}

	.h-xl-95 {
		height: 95% !important;
	}

	.h-xl-100 {
		height: 100% !important;
	}
}