body {
	margin: 1% 6% 0;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,sans-serif;
}

h1:first-child {
	color:sandybrown;
	font-weight:bold;
	font-size:40px;
	margin:30px 0;
	text-shadow:1px 1px 1px black;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	font-size: 26px;
	text-align: center;
	font-weight:bold;
}

.flex-item {
	padding: 30px 0;
	flex: 100%;
	margin-bottom:50px;
	display:block;
	text-decoration:none;
	box-shadow: 1px 3px 5px #222;
	background-color: SlateBlue;
	color:white;
}

.flex-item:hover {
	background-color:DodgerBlue
}

@media (min-width: 920px) {
	
	.flex-item.right, .flex-item.left {
		flex: 48%;
	}
	.flex-item.left {
		margin-right:2%
	}
	.flex-item.right {
		margin-left:2%
	}
	
}