@charset "utf-8";

/* Reset: Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* Reset: Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
/* Reset: Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}
/* Reset: Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}
/* Reset: Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Reset: A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

.screenreader-only {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

html {
	font-size: 16px;
}
body {
	background-color: #fff;
	color: #1c2334;
	font-family:"Times New Roman",Times, serif;
}
header,main,footer {
	margin:0 auto;
	max-width:36rem;
}
header {
	margin-top: 1.5rem;
}
footer {
	clear: left;
	font-weight: bold;
	text-align: center;
}
img {
	max-width: 100%;
}
.logo {
	display: flex;
	justify-content: center;
}
.logo img {
	width: 100%;
}
nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1em 0;
}
nav a.link {
	background-image:url(../pics/bullet-off.gif);
	background-position:center left;
	background-repeat:no-repeat;
	background-color:#fff;
	color:#737373;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	padding-left:27px;
	padding-right: 1rem;
	text-decoration:none;
}
nav a.link:hover
,nav a.link:active
,nav a.link:focus
,nav a.link.current {
	background-image:url(../pics/bullet-on.gif);
	background-repeat:no-repeat;
	background-color:#fff;
	color:#000;
}
h1, h2, h3, h4 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
}
h1 {
	border-bottom: 1px solid black;
	padding-bottom: .5rem;
}
table {
	width: 100%;
}
td,th {
	text-align: left;
  vertical-align: top;
}
th {
	font-weight: bold;
}

/* pages */
.home main {
	display: flex;
	justify-content: center;
}
.classes main {
	display: block;
}
.classes section {
	margin: 1em 0;
	padding: 0 0 1em 0;
	border-bottom:  1px solid black;
}
h2 {
	color: #567c21;
}
.images {
	display: flex;
	justify-content: center;
	width: 100%;
}
.images .image-list {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.description .benefits {
	display: flex;
	justify-content: space-around;
}
.location .maplink {
	float: left;
	margin-bottom: 1.5rem;
	margin-right: 1rem;
}