/*.color_scheme {
	color: #12224e;
	color: #596597;
	color: #4c4f57;
	color: #f3f3f4;
	color: #587f76;
    color: #e5eeea;
}*/

@media (max-width: 600) {
	body {
		font-size: 10px;
	}
}

body {
	font-family: Arial, sans-serif;
	color: #12224e;
	font-size: 16px; /* default 16px */
	margin: 0;
	background-color: #f3f3f4;
	scroll-behavior: smooth;
}

header {
	background-color: #587f76;
	color: #f3f3f4;
	padding: 0.8rem;
	background: no-repeat url(images/green-abstract.jpg);
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

header div.logo {
	font-size: 2rem;
}

header div.content {
	flex-grow: 2;
	text-align: center;
}

nav {
	background-color: #4c4f57;
	text-align: center;
	height: 4.7rem;
	position: sticky;
	top: 0;
	z-index: 100;
}

nav a {
	font-size: 1.5rem;
	color: white;
	padding: 1.6rem 3rem;
	transition: all 1s ease;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
}

nav a:hover {
	background-color: #f3f3f4;
	color: #555;
	transition: all 0.5s ease;
	-web-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	padding-bottom: 0.1rem;
}

address,
section {
	padding: 0.6em 2rem;
	margin: 5rem auto;
	background-color: white;
	border-radius: 1rem;
	max-width: 1080px;
}

table.schedule {
	border-spacing: 0.2rem;
	border-collapse: collapse;
	background: white;
	border-radius: 0.1rem;
	overflow: hidden;
	margin: 0.1rem auto;
	td,
	th {
		padding-left: 8px;
	}
	thead tr {
		height: 0.8rem;
		background: #587f76;
		color: white;
	}
	tbody tr {
		height: 0.6rem;
		border-bottom: 1px solid #4c4f57;
	}
	tbody tr:last-child {
		border: 0;
	}
	tbody tr:nth-child(even) {
		background-color: #f3f3f4;
	}
	tbody tr:hover {
		background-color: #e5eeea;
	}
	td,
	th {
		text-align: center;
	}
	td.l {
		text-align: left;
	}
	td.r {
		text-align: right;
	}
}

footer {
	text-align: center;
	padding: 10px;
	background-color: #587f76;
	color: white;
}