body {
  background-color:white;
  color:black;
  font-family:sans-serif;
  font-size:large;
}
li {
  padding-top:0.1cm;
  padding-bottom:0.1cm;
}
li.tight {
  padding-top:0;
  padding-bottom:0;
}
a:link {
  color:#AA0000;
  text-decoration:underline;
}
a:visited {
  color:#EE0000;
  text-decoration:underline;
}
a.mail {
  font-style:italic;
}
h1 {
  text-align:center;
}
.nostyle {
  display:none;
}
img.icon {
  float:left;
  width:75px;
  height:75px;
}
img.smicon {
  vertical-align:middle;
  width:30px;
  height:30px;
}
img {
  border:none;
  margin:.2cm;
}

img.spacer {
  width:1px;
  height:190px;
  border:none;
  margin:0px;
  float:left;
}
.news {
  max-width:10cm;
  font-size:smaller;
  margin:0 auto;
}
.items-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 10px;
	margin: 10px 0;
	align-items: stretch;
}

.item {
	padding: .2cm;
	overflow: auto;
	border: thin black ridge;
	font-size: medium;
	min-height: 150px;
}

.item-content {
	max-width: 320px;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.items-grid {
		grid-template-columns: 1fr;
	}
}
.head {
	display: flex;
	gap: .5cm 3cm;
	border: thin black ridge;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 10px;
  justify-content: space-around;
}

.head ul {
  margin: 0;
  padding: 0 0 0 15px
}

.head h1 {
  margin: 0 0 0.5cm 0;
}

.head-main {
	flex: 0 0 auto;
	text-align: center;
}

.head-nav {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}

.head-info {
	flex: 1 1 auto;
	min-width: 200px;
}


.footer {
	display: flex;
	justify-content: space-around;
	align-items: center;
	gap: 20px;
	padding: 0 10px;
	margin-top: 0;
}

@media (max-width: 768px) {
	.footer {
		flex-direction: column;
		align-items: center;
	}
}

div.sitenav {
    text-align:right;
    font-size:smaller;
}

@media (max-width: 768px) {
	div.sitenav {
		text-align: center;
	}
}