body {font-family: Palatino, serif; line-height: 1.25; font-size: 1rem; background-color: #d6f2f9; margin:auto; padding-left: 13%; padding-right: 13%}
a:link {color:black; font-size:1.1rem; text-decoration: none;}
a:visited {color:black}
a:hover {color:gray}

.picture {width: 85%; max-width: 550px; height: auto;}
.icon {width: 105px; display: block;
  margin-left: auto;
  margin-right: auto;}


h1 {font-style: italic; font-family: Palatino, serif; font-size: 1.4rem; font-weight: bold; }
h2 {font-style: bold; font-family Palantino, serif; font-size 1.1rem; line-height 1.25}

#logo {font-size: 3rem; text-align:center; margin-top: 36px; margin-bottom: 0px;}

#tagline {padding-top: 0px; line-height: 1.9em; font-size: 1.1rem;text-align:center; }

#maintext {padding-top: 0px; line-height: 1.9em; font-size: 1.1rem; text-align:center; 
	img {width: 85%; max-width: 550px; height: auto;}
	a:link {color:black; font-size:1.1rem; text-decoration: none;padding: 5px 5px; margin: 8px; background-color: #eff7f9}
}

@media (min-width: 768px) {
#topbar {padding-bottom: 25px; padding-top: 20px; line-height: 1.9em; font-size: 0.9rem; text-align:center}
#topbarmobile {display:none}
a:link {color:black; font-size:1.1rem; text-decoration: none; margin: 8px}
}
@media (max-width: 767px) {
#topbarmobile {padding-bottom: 25px; padding-top: 10px; line-height: 2.9em; font-size: 0.9rem; text-align:center;}
#topbar {display: none}
a:link {color:black; font-size:1.1rem; text-decoration: none; padding: 3px;}
}
}


#sidebar {line-height: 1.9em; font-size: 1rem; text-align:center}
#copyright {text-align:center; padding-bottom: 40px; font-size: 8px; margin-top: 60px}