body {
	background-color: ivory;
	font-family: Arial;
	font-size: 18pt;
	line-height: 150%;
}

h1 {
	font-size: 230%;
	line-height: 150%;
	color: darkgreen;
	text-align: center;
	padding-bottom: 1%;
}

h2 {
	font-size: 170%;
	padding-top: 1%;
}

b {
	font-weight: bold;
}

li {
	margin-left: 3%;
	padding-bottom: 1.5%;
}

a {
	text-decoration: none;
}

.h {
	color: darkgreen;
}

div {
	color: darkgreen;
	text-align: center;
}

hr {
	color: darkgreen;
	border-width: 2px;
}

.container {
  display: flex;
}

.container.space-around {
  justify-content: space-around;
}

@media screen and (max-width: 1024px) {
	section {
		padding-left: 3%;
		padding-right: 1%;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
	section {
		padding-left: 10%;
		padding-right: 10%;
	}
}

@media screen and (min-width: 1401px) {
	section {
		padding-left: 20%;
		padding-right: 20%;
	}
}