/* Remove l/r padding and margin from header */
/*.contest > .container-fluid {*/
/*	padding-left: 0;*/
/*	padding-right: 0;*/
/*}*/
.contest .header {
	color: var(--mt-color-white);
	background: url('/media/mpclo/images/mpc/contests/rww26/rww26_banner_bg_desktop.jpg') no-repeat center/cover;
	margin: 0;
	padding-bottom: 0;
}
.contest .header .content,
.contest .header .logo {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.contest .header .content {
	z-index: 1;
	width: 50%;
}
.contest .header .content-top {
	display: none;
}
.contest .header .content h1 {
	font-size: 1.8rem;
	width: 100%;
}
.contest .header .content h2 {
	font-size: 4rem;
	width: 80%;
}
.contest .header p {
	width: 50%;
}
.contest .header .logo {
	display: flex;
	flex-direction: column;
	width: 40%;
}

.contest .header .entries {
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	column-gap: 0.25rem;
	margin-bottom: 1.5rem;
	color: var(--mt-color-white);
	border-radius: 2rem;
	border: 6px solid var(--mt-color-white);
	background: var(--mt-color-purple);
	box-shadow: var(--mt-box-shadow);
	padding: 0.5rem 2rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1875rem;
}

.contest .header .entries .amt {
	padding-right: 0.5rem;
}
.contest .header .entries strong {
	font-family: Futura;
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
}

.contest .btn {
	min-width: unset;
}

.contest .how-to-play {
	background: var(--mt-color-light-grey);
}
.contest .how-to-play img {
	height: 6rem;
}

.contest #contest-details .contest-details-list {
	box-shadow: none;
}
.contest #contest-details .details-header {
	background: var(--mt-color-teal);
}
.contest #contest-details .contest-details-list {
	background: var(--mt-color-light-grey);
}
.contest #contest-details .entry-periods {
	flex: 1 0;
}
.contest #contest-details .entry-periods li {
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--mt-color-med-grey);
}
.contest #contest-details .entry-periods li:last-of-type {
	border-bottom: none;
}
.contest .box.grand-prize {
	background: var(--mt-color-purple);
}

/*970px flip-over, due to diagonal*/
@media screen and (max-width: 970px) {
	.contest .header {
		background: url('/media/mpclo/images/mpc/contests/rww26/rrw26_banner_bg_mobile_stars.jpg') no-repeat center/cover;
	}
	.contest .header > .col,
	.contest .header .container-xl,
	.contest .header .content {
		padding-left: 0;
		padding-right: 0;
	}

	.contest .header .content,
	.contest .header .logo {
		width: 100%;
	}

	.contest .header .content {
		order: 2;
		padding-top: 0;
		padding-bottom: 0;
	}
	.contest .header .content-top {
		display: block;
		width: 100%;
	}
	.contest .header .content-bottom {
		background: #fe2e3c;
		padding: 1.5rem 2rem 3rem;
	}
	.contest .header .content h1 {
		font-size: 1rem;
	}
	.contest .header .content h2 {
		font-size: 2rem;
	}
	.contest .header .content p {
		width: 100%;
	}
	.contest .header .logo {
		order: 1;
		flex-direction: column;
		padding-left: 2rem;
		padding-right: 2rem;
		padding-bottom: 0;
	}
	.contest .header .logo img {
		max-width: 480px;
	}
	.contest .header .entries {
		position: relative;
		bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.contest .header .content h1,
	.contest .header .content h2,
	.contest .header .content p {
		width: 100%;
	}
	.contest #contest-details .contest-details-list {
		border-radius: unset;
	}
}

@media screen and (max-width: 639px) {
	.contest .header .content {
		margin-top: 0;
	}
}