:root{
  --text:#555;
  --heading:#000;
  --title:#6b6b6b;
  --link:#0b7ba8;
  --rule:#d9d9d9;
}
*{box-sizing:border-box}
html{background:#fff}
body{
  margin:0;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  font-family:"Segoe UI",Tahoma,Geneva,Verdana,Arial,sans-serif;
  font-size:14px;
  line-height:18px;
  color:var(--text);
  background:linear-gradient(#e0e0e0 0,#fff 130px) no-repeat #fff;
}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--link);outline-offset:2px}

/* Banner */
.banner{width:100%;max-width:980px;margin:18px auto 0}
.banner-inner{
  height:69px;
  border-radius:16px;overflow:hidden;
  background:#03628a url("MenuBar.png") no-repeat left top;
  background-size:100% 100%;
}
.logo{display:block;width:110px;height:69px}
.logo:focus-visible{outline-color:#fff;outline-offset:-4px}

/* Page body */
main {
	flex:1;
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:28px 15px 0;
	text-align:center;
}
h1{
  font-size:28px;
  line-height:34px;
  font-weight:400;
  color:var(--title);
  margin:0 -15px 36px;
  padding:0 15px 20px;
  border-bottom:1px solid var(--rule);
}
address{font-style:normal;margin:0 0 30px}

/* Footer */
.footer{text-align:center;padding:30px 15px 40px;line-height:21px}
.footer p{margin:0}

@media (max-width:600px){
  .banner{margin-top:8px}
  h1{font-size:22px;line-height:28px}
}