* {
	box-sizing: border-box;
}

body {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 1.25rem;
	margin: 0;
}

h1 {
	background-color: #00c;
	color:#fff;
}

.flex-container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.center {
	text-align: center;
}

ul.doc-list {
	list-style-type: none;
	margin: 2rem 0;
}

li.doc-item {
	margin-bottom: 0.8rem;
}

li.doc-item a {
	color: #333;
	text-decoration: none;
}

li.doc-item a:focus {
	color: blue;
}


li.doc-item a:hover {
	text-decoration: underline;
}

main {
	text-align: left;
}

footer {
	margin-top: 1rem;
	font-size: 0.8rem;

}

.disclaimer {
	font-size:0.85rem;
}

@media (min-width: 40rem) {
	.body-wrapper {
		width: 80%;
		margin: auto;
		text-align: center;
	}
}

@media (min-width: 60rem) {
	.body-wrapper {
		width: 50%;
		margin: auto;
		text-align: center;
	}
}