body { 

	background-color:#eeeeee;  margin:0; font-size:16px;

	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

	max-width:1000px;

	margin:0 auto 0 auto;

}

.covid {
  text-align:center;
  display:block;
  padding:15px; 
  margin-bottom:30px; 
  border:1px dashed #eeeeee;
  text-decoration:none;
}

.covid:hover{
  background-color:#F8F8F8;
}

.covid:visited{
  color:blue;
}



img {

	max-width:100%;

}



.hero {

	margin-bottom:40px;

}



input[type=radio]{

    width:auto;

}



input[type=checkbox]{

    display: none;

}



input[type=checkbox]:checked ~ #menu{

    display: block;

}



label.center {

	display:block;

}



#menu {

	display:none;

}







.allcaps {text-transform: uppercase;}

.center {text-align:center;}







.container { 

	border-radius: 0px; 

	margin:30px auto 0 auto; 

	background-color:white; 

	padding:60px 90px 30px 90px;  

	margin:50px;

	border:1px solid #dddddd;

}



.active { border-bottom: 2px solid #eeeeee; }

.nav li a {  color:black; padding-right:1.4rem;padding-left:1.4rem;}



.siteTitle {
font-family:Trebuchet MS; font-size:28px; color:white;
/*
	font-weight:bold; 
	font-size:42px;
	margin-bottom:50px;
*/

}

.siteHeader {
  background-color:#dda8a8; padding:20px; margin-bottom:60px;
}

.left {
  float:left;
}

.right {
  float:right;
}

.clear {
  clear:both;
}

.margin20 {
  margin-top:20px;
}


.mobileNav {

	display:none;

	border-bottom:2px solid #eeeeee;

	font-size:1.5em;

	padding:10px 0 20px 0;

	margin-bottom:20px;

}



.nav {

	margin-bottom:80px;

}



.nav a {

	color:black;

	text-decoration:none;

	padding:5px 20px 5px 20px;

}



.nav a:hover {

	border-bottom:2px solid #eeeeee;

}



#menu a {

	display:block;

	padding:5px;

	color:#888888;

	text-transform:capitalize;

	text-decoration: none;

	margin:0 auto 0 auto;

	text-align:center;

}



#menu a.active {

	color:black;

	border:0;

}





.tilde {

	font-size:42px;

	text-align:center;

}





.line {

	border-bottom:2px solid #eeeeee;

	margin-bottom:50px;

}



.contactform {

	margin-top:20px;

	width:100%;

	font-size:18px;

}



input, textarea, .input {

	box-sizing: border-box;

	padding:10px 10px 10px 30px;

	background-color:#fbfbfb;

	border:1px solid #cccccc;

	font-size:18px;

	width:100%;

	margin-bottom:25px;

	border-radius:10px;

	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}



input:focus, textarea:focus {

	background-color:white;

}





/* The work below, CSSBox, is released under the Creative Commons

   Attribution-ShareAlike 4.0 license and is available on

   https://github.com/TheLastProject/CSSBox. You are not required to add

   additional credit to your website, just leave the above text in this file */

div.cssbox {

  display: inline-block;

}



span.cssbox_full {

  z-index: 999;

  position: fixed;

  height: 100%;

  width: 100%;

  background-color: rgba(0,0,0,0.8);

  top: 0;

  left: 0;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.5s linear;

  visibility: hidden;

}



span.cssbox_full img {

  position: fixed;

  background-color: white;

  margin: 0;

  padding: 0;

  max-height: 90%;

  max-width: 90%;

  top: 50%;

  left: 50%;

  margin-right: -50%;

  transform: translate(-50%, -50%);

  box-shadow: 0 0 20px black;

}



a.cssbox_close,

a.cssbox_prev,

a.cssbox_next {

  z-index: 999;

  position: fixed;

  text-decoration: none;

  visibility: hidden;

  color: white;

  font-size: 36px;

}



a.cssbox_close {

  top: 1%;

  right: 1%

}



a.cssbox_close::after {

  content: '\00d7';

}



a.cssbox_prev,

a.cssbox_next {

  top: 50%;

  transform: translate(0%, -50%);

}



a.cssbox_prev {

  left: 5%;

}



a.cssbox_next {

  right: 5%;

}



a:target ~ a.cssbox_close,

a:target ~ a.cssbox_prev,

a:target ~ a.cssbox_next {

  visibility: visible;

}



a:target > img.cssbox_thumb + span.cssbox_full {

  visibility: visible;

  opacity: 1;

  pointer-events: initial;

}



span.cssbox_full {

  cursor: initial;

}



img.cssbox_thumb {

	width:236px;

}

/* This is the end of CSSBox */





@media only screen and (max-width: 864px) {

  html { margin:0; padding:0; max-width:100%;  }



  body {

  	max-width:100%;

  }



  .container {

    border-radius:0;

    margin:0;

    padding:10px;

    width:100%;

  }



  .mobileNav {

  	display:block;

  }



  .nav {

  	display:none;

  }



  div.cssbox {

  display: block;

}



	img.cssbox_thumb {

		width:100%;

	}



}