.how-to-play .hero,
.how-to-play .how-to-play,
.how-to-play .whats-new,
.how-to-play .favourite-games,
.how-to-play .enter-tickets,
.how-to-play .ways-to-play,
.how-to-play .enter-scan,
.how-to-play .check-your-inbox,
.how-to-play .hr {
	width: 100%;
}

.how-to-play .fineprint {
	font-size: 0.8rem;
}

.how-to-play .hero {
	color: var(--mt-color-white);
	background: url('/media/mpclo/images/mpc/template/backgrounds/bg_mountains2.jpg') no-repeat center/cover;
}
.how-to-play .hero h1 {
	font-size: 4rem;
	text-transform: none;
}
.how-to-play .hero p {
	font-size: 1.5rem;
}

.how-to-play .how-to-play h2,
.how-to-play .whats-new h2,
.how-to-play .ways-to-play h2 {
	font-size: 1.5rem;
	padding: 1.75rem 0 0;
}
.how-to-play .whats-new img,
.how-to-play .ways-to-play img {
	height: 6rem;
}

.how-to-play .whats-new {
	background: var(--mt-color-light-grey);
}

.how-to-play .how-to-play img {
	width: 100%;
	max-width: 26rem;
}

.how-to-play .favourite-games .col {
	flex: 0;
}
.how-to-play .favourite-games img {
	width: 8rem;
}
.how-to-play .favourite-games h1 {
	text-transform: none;
}

.how-to-play .enter-tickets .ticket-lotto {
	width: 10rem;
}
.how-to-play .enter-tickets .ticket-scratch {
	width: 12rem;
}

.enter-scan > div {
	background: var(--mt-color-light-grey);
}
.enter-scan img.phone {
	width: 7rem;
}
.enter-scan img.app-button {
	height: 2.5rem;
}
.enter-scan .option {
	flex: 0 0 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin-top: -0.25rem;
	background: var(--mt-color-purple);
	color: var(--mt-color-white);
	border-radius: 100%;
}

.how-to-play .ways-to-play {
	background: var(--mt-color-purple);
	color: var(--mt-color-white);
}

.how-to-play .check-your-inbox h1 {
	font-size: 2rem;
	text-transform: none;
}
.how-to-play .check-your-inbox img {
	width: 7rem;
}
