#latestpuzzles {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}

		#latestpuzzles > div:first-child {
			margin-right: 2em;
		}

		#latestpuzzles > div {
			flex-basis: 45%;
		}

		#latestpuzzles h2 {
			margin-top: 1.5em;
		}

		#latestpuzzles .list-group-item-action {
			cursor: pointer;
		}

		@media screen and (max-width: 768px) /* Breakpoint: TABLET */ {
			#latestpuzzles {
				flex-direction: column;
			}

			#latestpuzzles > div:first-child {
				margin-right: 0;
			}

			#latestpuzzles > div {
				flex-basis: auto;
			}
		}

		/*
			The design breaks on IE11, we target a IE10+ fix here...
			https://paper-leaf.com/blog/2014/09/targeting-ie-10-11-browsers-css/
		*/
		@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
			#latestpuzzles div {
				flex-basis: auto;
			}

			#latestpuzzles {
				flex-direction: column;
			}
		}