table {
	border-collapse: collapse;
	margin: 2em auto;
	width: 80%;
	max-width: 800px;
}

thead th {
	background-color: #333;
	color: #fff;
	padding: 0.5em;
	text-align: left;
}

tbody td {
	border: 1px solid #ddd;
	padding: 0.5em;
}

tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}

.scenery {
	float: right;
	margin: 0 0 1em 1em;
}

.scenery img {
	max-width: 100%;
	height: auto;
}

.back-link {
	margin-top: 1em;
	text-align: center;
}

@media (max-width: 767px) {
	table {
		margin: 1em auto;
		width: 100%;
	}

	.scenery {
		display: none;
	}
}