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

.justify-content-end
{
	justify-content: end !important;
}

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

.d-flex
{
	display: flex !important;
}

.d-block
{
	display: block !important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-right: auto;
	margin-left: auto;
}

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

.el-row.gap-1rem > *
{
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	/*gap: 1rem;*/
}

.el-row.gap-2rem > *
{
	padding-right: 1rem;
	padding-left: 1rem;
}

.el-row.gap-3rem > *
{
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.mt-1rem
{
	margin-top: 1rem;
}
.mb-1rem
{
	margin-bottom: 1rem;
}
.ml-1rem
{
	margin-left: 1rem;
}
.mr-1rem
{
	margin-right: 1rem;
}

.mx-1rem
{
	margin-left: 1rem;
	margin-right: 1rem;
}

.my-0
{
	margin-top: 0;
	margin-bottom: 0;
}
.my-1rem
{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

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

.ml-2rem
{
	margin-left: 2rem;
}
.ml-3rem
{
	margin-left: 3rem;
}
.ml-4rem
{
	margin-left: 4rem;
}
.mr-2rem
{
	margin-right: 2rem;
}

.mx-2rem
{
	margin-left: 2rem;
	margin-right: 2rem;
}
.my-2rem
{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.py-025rem
{
	padding-bottom:.25rem;
	padding-top:.25rem
}

.py-05rem
{
	padding-bottom:.5rem;
	padding-top:.5rem
}

.py-1rem
{
	padding-bottom:1rem;
	padding-top:1rem
}

.width-100p
{
	width: 100% !important;
}

/*
xs <768px
sm ≥768px
md ≥992px
lg ≥1200px
xl ≥1920px
*/
@media screen and (min-width: 1920px)
{
	/* xl ≥1920px */
	.container
	{
		max-width: 1300px;
	}
}

@media screen and (max-width: 1919px)
{
	/* xl ≥1200px */
	.container
	{
		max-width: 1200px;
	}
}

@media screen and (max-width: 1199px)
{
	/* md <1200px */
	.mt-1rem-md-and-down
	{
		margin-top: 1rem;
	}
}

@media screen and (min-width: 1199px)
{
	/* lg ≥1200px */
	.d-lg-none
	{
		display: none !important;
	}
}

@media screen and (max-width: 991px)
{
	/* sm ≥768px and md < 992px */
}

@media screen and (min-width: 992px)
{
	/* md ≥ 992px */
	.d-md-none
	{
		display: none !important;
	}
}

@media screen and (max-width: 767px)
{
	/* xs <768px */
}

.rotation
{
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.max-width-250
{
	max-width: 250px !important;
}