h2 {
	font-family: serif;
	font-size: 3rem;

	text-align: center;
	text-transform: uppercase;
}

.mainImage {
	width: 510px;

	text-align: center;
}

@media screen and (max-width: 480px) {
	.mainImage {
		max-width: 70vw;
	}
}

.splide__slide {
	display: flex;

	align-items: center;
	justify-content: center;
}

.splide img {
	max-width: 450px;
	max-height: 400px;
}

.extraInformation {
	padding: 0 3rem;

	background: #333;
}

.extraInformation li,
.extraInformation a {
	padding: 0.5rem 0;

	color: #fff;
}

@media screen and (max-width:480px) {
	.extraInformation {
		padding: 0 0.5rem 0rem 1.5rem;
	}
}

.plan {
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding: 1rem;

	text-align: center;

	border: double;
}

.plan h3 {
	font-size: 1rem;
	font-weight: normal;

	margin: 0;
}

.plan ol {
	display: table;

	padding: 0;

	list-style: none;

	text-align: left;
}

.plan li {
	display: table-row;
}

.plan li * {
	display: table-cell;

	padding: 0 0.5rem;
}

.plan li *:first-child {
	white-space: nowrap;
}

@media screen and (max-width: 980px) {
	h2 {
		font-size: 1.5rem;
	}

	.splide img {
		max-width: 85%;
	}
}

@media screen and (max-width: 480px) {
	.plan {
		padding: 0.3rem;
	}

	.plan ol {
		margin: 0.1rem;
	}

	.plan li * {
		padding: 0 0.2rem;
	}
}