body {
	font-family: "Bellota Text", Arial, Helvetica, sans-serif;
	font-weight: 400;
	width: 1000px;
	margin: auto;
	background: rgb(240,240,240);
	color: rgb(15,15,15);
}

a {
	color: rgb(110,2,2);
	text-decoration: none;
}

a:hover {
	color: brown;
	font-weight: bold;
}

.logo {
	width: 100px;
	height: 100px;
	float: left;
}

/*
.navbar {
	position: sticky;
	top: 10px;
}
*/

.menu {
	height: 100px;
	line-height: 100px;
	text-align: center;
	padding-bottom: 1ex;
	border-bottom: 2px solid black;
	display: inline;
}

.menu a {
	color: rgb(15,15,15);
	text-decoration: none;
	font-size: 130%;
	padding: 0.5ex;
}

.menu .active {
	font-weight: bold;
	color: brown;
}

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.slogan {
	font-size: 140%;
	padding: 1em;
	width: 80%;
}

strong {
	color: brown;
}



h1 {
	font-size: 130%;
}

h2 {
	font-size: 110%;
}

h3 {
	font-size: 100%;
}

.hide {
  display: none;
}

.myDIV {
  font-weight: bold;
}

.myDIV:hover + .hide {
  display: block;
  color: red;
}

tr th {
	padding: 0.5em;
	border-bottom: 1px solid;
}

tr:nth-of-type(even) {
	background-color: lightgray;
}