html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	/* Colors & font */
	background: #fff;
	color: #000;
	font-family: 'arial', sans-serif;
	font-size: 14px;
	/* Add height so that the main content will stretch & center. */
	min-height: 100%;
	box-sizing: border-box;
	/* Padding so that the content doesn't touch the screen's edges */
	padding: 20px;
	margin: 0;
	/* Flexbox to center content */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
}

.choices {
	/* Center content in this box horizontally */
	display: flex;
	justify-content: center;
	/* Align content to top of this box */
	align-content: flex-start;
	flex-wrap: wrap;
}

.choices .choice {
	display: inline-block;
	margin: 0 75px;
	position: relative;
}

/* First and last item have no margin left/right */
.choices .choice:first-child {
	margin-left: 0;
}
.choices .choice:last-child {
	margin-right: 0;
}

/* Separator between items */
.choices .choice:after {
	background: #000;
	/* Small rectangle */
	content: '';
	width: 2px;
	height: 115px;
	display: block;
	/* Near right edge of elements */
	position: absolute;
	top: 30px;
	right: -75px;
}

/* Last item has no separator */
.choices .choice:last-child:after {
	display: none;
	content: none;
}

.choices a.choice img {
	border: 0;
	outline: 0;
	transition: transform 0.5s, opacity 0.5s ease-in-out;
}

/* Remove focus outline. While this is good for accessibility,
it's not wanted due to stylistic choices. */
.choices .choice:focus {
	outline: 0;
}
.choices .choice img:focus {
	outline: 0;
}

.choices a.choice:hover img,
.choices a.choice:focus img {
	/* Effect when hovering before a click */
	transform: scale(1.02);
	opacity: 0.8;
}

.choices .choice img {
	max-width: 100%;
}

.choices .choice.link-annika {
	/* Extra padding */
	padding-right: 40px;
}

@media (max-width: 999px) {
	.choices {
		/* Align vertically on smaller screens */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		align-content: center;
	}
	.choices .choice {
		margin: 0 0;
	}
	/* Mo separator */
	.choices .choice:after {
		display: none;
		content: none;
	}
}