#header .logo img {
	max-height: 18vh;
	-webkit-transition: max-height 400ms ease;
	-o-transition: max-height 400ms ease;
	transition: max-height 400ms ease;
	margin: auto;
}

#header .offcanvas-header img {
	max-height: 15vh;
}

.banner-title {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--color-3);
	z-index: 2;
	text-shadow: 0px 0px 5px rgb(0 0 0 / 75%);
	letter-spacing: 10px;
	text-transform: uppercase;
	font-size: 5rem;
	text-align: center;
	text-wrap: nowrap;
}

@media (max-width: 992px) {
	.banner-title {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: var(--color-3);
		z-index: 2;
		text-shadow: 0px 0px 5px rgb(0 0 0 / 75%);
		letter-spacing: 10px;
		text-transform: uppercase;
		font-size: 3rem;
		text-align: center;
		margin-top: 1rem;
	}
}

@media (max-width: 768px) {
	.banner-title {
		position: absolute;
		top: 55%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: var(--color-3);
		z-index: 2;
		text-shadow: 0px 0px 5px rgb(0 0 0 / 75%);
		letter-spacing: 10px;
		text-transform: uppercase;
		font-size: 2rem;
		text-align: center;
		text-wrap: nowrap;
	}
}

.party-img {
	width: 250px;
	height: 250px;
}

.birthday,
.lasertag,
.skate,
.ultimate {
	padding: 1rem;
}

.birthday {
	border: var(--color-5) 2px solid;
}
.skate {
	border: var(--color-1) 2px solid;
}
.lasertag {
	border: var(--color-6) 2px solid;
}
.ultimate {
	border: var(--color-5) 2px solid;
}

.birthday-b:not(:hover) {
	background-color: var(--color-5) !important;
}
.birthday-b:hover {
	background-color: var(--color-1) !important;
}
.skate-b:not(:hover) {
	background-color: var(--color-1) !important;
}
.lasertag-b:not(:hover) {
	background-color: var(--color-6) !important;
}
.ultimate-b:not(:hover) {
	background-color: var(--color-5) !important;
}

.birthday-p span {
	background-color: var(--color-5);
}
.skate-p span {
	background-color: var(--color-1);
}
.lasertag-p span {
	background-color: var(--color-6);
}
.ultimate-p span {
	background-color: var(--color-5);
}
.package,
.groupevents .col-lg-12 {
	margin-bottom: 3rem;
}
.package .card,
.groupevents .card {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px;
}

.party-price span {
	color: var(--color-3);
	border-radius: 100px;
	padding: 0.5rem 2rem;
}
.party-price {
	margin: 2rem 0;
}

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

ol {
	margin: 0 0 1.5em;
	padding: 0;
	counter-reset: item;
}

ol > li {
	margin: 0;
	padding: 1rem 3rem !important;
	text-indent: -1.5em;
	list-style-type: none;
	counter-increment: item;
}

ol > li:before {
	display: inline-block;
	width: 1.5em;
	padding-right: 0.5em;
	font-weight: bold;
	text-align: right;
	content: counter(item) ".";
}
.internal #header .logo img {
	max-height: 15vh;
}
@media (max-width: 992px) {
	.internal #header .logo img {
		max-height: 10vh;
	}
	.banner-title {
		letter-spacing: 7px;
	}
}