/*--reset--*/
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body, ul {padding: 0; margin: 0;}
ul, ol {list-style: none;}
a {text-decoration: none;}
img, video {border: none; max-width: 100%; height: auto;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ddd;}
.clearfix {clear: both;}

/*tags de estrutura*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {position: relative;}
figure {margin: 0;}

/*form*/
fieldset {border: 0; margin: 0; padding: 0;}
input:focus, select:focus, textarea:focus {outline: none;}

/*heading*/
h1,h2,h3,h4,h5,h6 {font-weight: bold; color: #096c06;; text-rendering: optimizeLegibility; margin: 10px 0; text-transform: uppercase; text-align: center;}
h1 {font-size: 3.6em;}
h2 {font-size: 3.6em;}
h3 {font-size: 2.4em;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/*container - definir um valor, de sua necessidade, para max-width*/
.container {max-width: 960px; width: 100%; margin: 0 auto; position: relative;}
.container:after {content: "" ; display: table; clear: both;}
.row {padding-left: 10px; padding-right: 10px;}

/*nav*/
#nav-trigger {display: none;  }
#nav-trigger span {display: inline-block; padding: 10px 15px 0; background-color: #81bb11; color: white; cursor: pointer; text-transform: uppercase; width: 100%;}
nav {}
nav a {font-size: 20px;/* font-weight: 400; */text-decoration: none;}
nav#nav-main { padding: 10px 0; position: absolute; top: 20px; right: 0;}
nav#nav-main ul {list-style-type: none; margin: 0; padding: 0; text-align: center; }
nav#nav-main li {display: inline-block;  padding: 0 5px; }
nav#nav-main li:last-child {border-right: none; }
nav#nav-main a {display: block; color: #b0aca0; padding: 10px 8px; font-size: 20px;}
nav#nav-main a:hover { }
nav#nav-mobile {position: relative; display: none; }
nav#nav-mobile ul {display: none;list-style-type: none; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; background-color: #81bb11; }
nav#nav-mobile li {display: block; padding: 5px 0; margin: 0 5px; border-bottom: solid 1px #73A316; }
nav#nav-mobile li:last-child {border-bottom: none; }
nav#nav-mobile a {display: block; color: white; padding: 10px 30px; }
nav#nav-mobile a:hover {background-color: #73A316; color: #fff; }
 
/*--Media Queries--*/
@media all and (max-width: 900px) {
  #nav-fixed {position: fixed; top: 0;width: 100%;z-index: 1;}	
  #nav-trigger {display: block;  width: 100%;}
  nav#nav-main {display: none; } 
  nav#nav-mobile { display: block;}
}