html, body {
	font-size: 16px;
	font-family: 'Garamond', serif;
	width: 75%;
	margin: 0 auto;
	background-color: silver;
}
h1 {
	font-family: Helvetica, sans-serif;
	font-size: 2rem;
	color: black;
	text-align: center;
}
h2 {
	font-family: Helvetica, sans-serif;
	font-size: 1.7rem;
}
h3 {
	font-family: Helvetica, sans-serif;
}
img {
	display: block;
	width: 50%;
	height: 10%;
	margin-left: auto;
	margin-right: auto;
}
footer {
	font-style: italic;
	font-family: Helvetica, sans-serif;
}
@media (max-width: 399px) {
	h1 {
		font-size: 2rem;
	}
	h2 {
		font-size: 1.7rem;
	}
}
@media (min-width: 400px) and (max-width: 1199px) {
	h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 2rem;
	}
}
@media (min-width: 1200px) {
	h1 {
		font-size: 4rem;
	}
	h2 {
		font-size: 2.4rem;
	}
}