header {background:#f7f7f7;}
header img {margin:2em;}
img#header {display: block;max-width: 100%;}
nav {display:block;width:100%;}
nav ul {background:#0c789b;display:inline-block;width:100%;-webkit-padding-start:0;margin-top:0;padding-left:0;}
nav li:hover {background:#777477;}
nav li {float:left;list-style:none;padding:.75em;}
nav li a {color:#fff;text-decoration:none;font-weight:bold;font-size:1em;}
body {font-family:sans-serif;max-width:1024px;margin:0 auto;display:block}
h1,h2,h3,h4 {margin:.75em 0 1em 0;}
h1,h2 {color:#006f9a;}
h1 {font-size:1.7em;}
h3,h4 {color:#908e90;}
a {color:#006f9a;}
content{margin:0 2em;display:block;}
content img {margin:0 auto;display:block;}
html {margin:0; padding:0;}
p {text-align:justify;margin:.5em 0;color:#908e90;}
footer {height:3em;background:#f7f7f7;display:block;margin:0 auto;padding:1em;margin-top:2em;}
footer p {color:#7B8994;text-align:right;}
input[type=submit]{background:#777477;border:none;color:#fff;padding:.5em;margin-top:1em;}
header ul {display:inline-block; margin-right:2em;}
header ul, header li {list-style:none;float:right;}
header li {float:left;padding:.75em;margin:0 1em;}
header li a {text-decoration:none;font-size:.75em;}
p.important {font-weight:bold;color:red;}
@media (max-width:575px){
input {display:block;margin-bottom:1rem;}
}