html, body { box-sizing: border-box; height: 100%; margin: 0; padding: 0; border: 0; font-size: 100%;  font: inherit;  vertical-align: baseline; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {font-family: "Roboto", sans-serif;}

.header {background: #000; text-align: center; position: relative;}
.header a img {width:200px;}

.header-wrap {max-width: 980px; margin: 0 auto; padding: 10px 0; position: relative;}
.menu-btn {border:1px solid #fff; border-radius: 4px; position: absolute; left: 0; top:6px; padding: 4px; color:#fff; text-decoration: none;}
.menu-btn span {display: inline-block; vertical-align: middle;}
.menu-btn span svg {display: block;}

.menu {position: absolute; background: #000; top:46px; border-radius: 0 0 4px 4px; display: none;}
.menu ul {padding: 0; margin: 0; list-style: none;}
.menu ul li {margin-bottom: 4px; text-align: left;}
.menu ul li a {color:#fff; display: block; padding: 5px 10px 10px; text-decoration: none;}

.ativo {display: block;}

.section {max-width: 980px; margin: 0 auto; padding: 20px 0;}
.section h1, .section h2, .section h3, .section h4 {font-weight: 500;}
.section p {font-weight: 400; font-size: 18px; line-height: 1.4;}

.footer {background: #000; text-align: center; padding: 15px 0;}
.footer p {color:#fff; margin: 0; padding: 0;}

@media (max-width:500px){
    .menu-btn {left: 6px;}
    .menu-btn .menu-txt {display: none;}


    .section {padding: 0 15px;}
}