* {margin:0;padding:0}
html {height:100%}
body {font: normal 14px 'Noto Sans', sans-serif;height:100%}
h1 {margin:50px 0 5px;font-size:40px;line-height:46px;text-shadow:1px 1px #fff}
h1:first-child {margin-top:0}
h2 {margin:30px 0 5px;font-size:20px;text-shadow:1px 1px #fff}
footer {padding:0 20px;height:30px;background-color:#333;color:#ded9cd;text-align:right}
p.foot {font-size:0.9em;line-height:30px}
p.foot a {background-color:inherit;color:black}
p.foot a:hover {background-color:inherit;color:blue}

div.wrap {color:#444;min-height:100%;margin-bottom:-30px;background-color:#e2e2e1}
div.wrap>p {height:60px;clear:both;overflow:hidden}
div.cont {padding: 10px 10px 0}

header {background-color:#3a3a3a;height:55px}
header>a {width:137px;height:42px;background:url('../img/menu.png') no-repeat;display:none;margin:7px 0 0 10px}
nav {background-color:#3a3a3a}
nav ul {font-size:1.1em;list-style:none;overflow:hidden;white-space:nowrap;background-color:#3a3a3a}
nav li {float:left}
nav li a {text-align:center;display:inline-block;height:55px;line-height:55px;padding:0 30px;text-decoration:none;color:#adadad;max-width:100%}
nav li.s a, nav li a:hover {color:#fff;background-color:#232323}

code {white-space:pre;display:block;margin:10px 0;border:1px solid #bbb;padding:10px;background-color:#eaeaea;overflow:auto}

@media screen and (max-width:800px){
nav ul {display:table;font-size:1em}
nav li {display:table-cell;float:none}
nav li a {padding:0 20px}
}

@media screen and (max-width:640px){
nav ul {width:100%;font-size:0.9em}
nav li a {display:block;padding:0}
}


@media screen and (max-width:500px){
header>a {display:inline-block}
nav {position:fixed;top:40px;bottom:0;left:-90%;top:55px;width:90%;display:none;z-index:999999}
nav ul, nav li {font-size:1em;display:block}
nav li a {display:block;padding:25px 10px;text-align:left;line-height:normal;height:auto;border-top:1px solid #484848}
}