*{margin:0;padding:0;font-family:Verdana,sans-serif,Times,Arial}
h1{font-size:2em;line-height:1.5em;font-weight:100;color:#2f2d2c;text-align:center}
h2{font-size:1.5em;line-height:1.5em;padding:.5em;font-weight:100;color:#2f2d2c;text-align:left}
p{font-size:1.5em;line-height:1.5em;font-weight:100;padding:.5em;text-align:center}
section li{font-size:1.25em;margin-left:5em;padding:.5em;list-style:square}
header{width:100%;float:left;background-color:#127896}
#logo{display:block;width:auto;padding:1em;text-decoration:none;color:#fff;background-color:#004483;float:left}
nav{float:right}
nav li{list-style:none;float:left}
nav a{display:block;height:100%;padding:1em;text-decoration:none;color:#fff;background-color:#127896}
nav a:hover{color:#000;background:#e5ba6d}
section{width:96%;padding:1em;float:left}
section img{width:70%;display:block;margin:1em auto;border-radius:5px}
div#slider{width:70%;margin:1em auto;overflow:hidden}
div#slider figure{position:relative;width:500%;margin:0;padding:0;font-size:0}
div#slider figure img{width:20%;height:auto;float:left}
@keyframes slidy {
0%  { left: 0%; animation-timing-function: ease-out;}
23% { left: 0%; animation-timing-function: ease-in;}
25% { left: -100%; animation-timing-function: ease-out;}
48% { left: -100%; animation-timing-function: ease-in;}
50% { left: -200%; animation-timing-function: ease-out;}
73% { left: -200%; animation-timing-function: ease-in;}
75% { left: -300%; animation-timing-function: ease-out;}
97% { left: -300%; animation-timing-function: ease-in;}
99% { left: -400%;  animation-timing-function: ease-out;}
100% { left: -400%; animation-timing-function: ease-in;}
}
div#slider figure { animation: 20s slidy infinite;}
footer{clear:left;display:block;text-align:center}
footer ul{display:block;text-align:left;margin:0 auto;padding:1em}
footer ul li{display:inline;font-size:.8em;line-height:2.8em;color:#2f2c2c;padding:0 .625em}
footer ul li a{color:#2f2c2c}
#nav-menu:target nav{display:block}
#nav-menu:target .menu-open{display:none}
@media only screen and (max-width:780px) {
.menubutton{display:block;content:"";position:absolute;top:.4em;right:.4em;width:1.5em;height:.2em;font-size:24px;border-top:.6em double #000;border-bottom:.2em solid #000}
.menubutton:hover{color:#000;background:#004483}
nav{float:left;width:100%;display:none}
nav li{width:100%;border-bottom:2px solid silver}
section{font-size:86%;padding:.2em;background:#F6F6F6}
section li{margin-left:2em;padding:0}
section img{width:96%}
div#slider{width:96%}
}