h3{
 overflow: hidden;
 text-align: center;
 font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.1rem;
  height: 3rem;
  
}
h3:before,
h3:after {
 background-color: #aaa;
 content: "";
 display: inline-block;
 height: 0.8px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}
h3:before {
 right: 0.5em;
 margin-left: -50%;
}
h3:after {
 left: 0.5em;
 margin-right: -50%;
}

body {
	margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  background-image: url("img/bg-pattern.png");
}
.content {
  flex: 1 0 auto;
  margin: auto;
  padding: 2rem 2.5rem 2rem 2.5rem;
  min-width:500px;
  width:900px;
  background-color: #fff;
  font-family: "Merriweather", sans-serif;
  font-weight: 300;
  font-style: normal;
  border-left: 0px solid #669;
  line-height:2rem;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
 /* text-align: justify;*/
  font-size: 0.95rem;
}
.footer {
  flex-shrink: 0;
  margin: auto;
  color: #fff;
  padding: 1rem 2.5rem 1rem 2.5rem;
  min-width:500px;
  width: 900px;
  background-color: #eee;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.menu {
  margin: auto;
  padding: 2rem 2.5rem 1.5rem 2.5rem;
  min-width:500px;
  width: 900px;
  background-color: #fff;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.header {
   height:480px;
  margin: auto;
  padding: 2rem 2.5rem 0 2.5rem;
  min-width:500px;
  width: 900px;
  background-color: #fff;
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-weight: 300;
  font-style: normal;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background-image: url("img/headerresized.jpeg");
  background-size:cover;
  
}

.logo{
	background-color: rgba(255,255,255,0.85);
	display: inline-block;
	margin-left: -2.5rem;
}
	
h1 {font-family: "Merriweather", sans-serif;
  font-weight: 300;
  font-size: 2.0rem;
  font-style: normal;
  padding:0px;
  margin:0px;
}
h2 {font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  font-style: normal;
  padding:0px;
  margin:0px;
  color: #111;
  border-top: 1px solid #fff;
}

/* Navigation */

ul#navigation, ul#navigation ul {
 margin: 0;
 padding: 0;
 list-style-type: None;
 height: 32px;
}

ul#navigation li {
 float: Left;
 width: 150px;
 position: Relative;
}

ul#navigation li a {
 display: Block;
 width: 149px;
 line-height: 30px;
 text-align: Center;
 color: #000000;
 text-decoration: None;
 background-color: #FFFFFF;
 border: 1px Solid #FFFFFF;
 border-bottom: 0;
 transition: color 0.5s;
}

ul#navigation li a:hover,
 ul#navigation li a:active {
 color: #204675;
 cursor: Pointer;
}

ul#navigation li ul {
 opacity: 0.0;
 visibility: Hidden;
 position: Absolute;
 left: 0px;
 top: 31px;
 z-index: 100;
 transition: Opacity 1s;
}

ul#navigation li:hover > ul,
 ul#navigation li:active > ul {
 opacity: 1.0;
 visibility: Visible;
}

ul#navigation li ul a {
 background-color: #FFFFFF;
}

/* Smartphone Menu */
#burger {
 display: None;
}

@media screen and (max-width: 580px) {
  ul#navigation li,
  ul#navigation li a {
  width: 100%;
 }

 #burger {
  display: Block;
  margin-right: 25px;
  -moz-appearance: None;
  -webkit-appearance: None;
  width: 25px;
  height: 25px;
  background-image: url("");
  background-size: 25px 25px;
  background-position: Center Center;
  background-color: #FFFFFF;
  vertical-align: Middle;
  border: None;
  outline: None;
  cursor: Pointer;
 }

 #burger:checked ~ ul#navigation {
  animation: fadeIn 1.2s;
  display: Block;
  margin-top: 5px;
 }

 #burger:not(:checked) ~ ul#navigation {
  display: None;
 }

 @keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
 }

}

p {
 clear: Left;
}


hr{
	
  border: none;
  height: 1px;
  color: #333; 
  background-color: #333;
}

.logo{
	width:28rem;
	padding:20px;
	}

table{
	font-family: "Merriweather", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 0.95rem;
   line-height:2rem;
}
tr{
height: 2rem;
}