.mobilemenu{width:320px;min-width:320px;height:100%;position:fixed;top:0;bottom:0;margin:0;right:-320px;padding:15px 20px;-webkit-transition:right .3s;-moz-transition:right .3s;transition:right .3s;background:#4b3a06;z-index:2000}.nav-toggle{position:absolute;right:320px;top:1em;padding:.5em;background:inherit;color:#dadada;cursor:pointer;font-size:1.2em;line-height:1;z-index:2001;-webkit-transition:color .25s ease-in-out;-moz-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.nav-toggle:after{content:'\2630';text-decoration:none}.nav-toggle:hover{color:#f4f4f4}[id="nav-toggle"]{position:absolute;display:none}[id='nav-toggle']:checked ~ .nav > .nav-toggle {left:auto;right:2px;top:1em}[id='nav-toggle']:checked ~ .nav {right:0;box-shadow:-4px 0 20px 0 rgba(0,0,0,.5);-moz-box-shadow:-4px 0 20px 0 rgba(0,0,0,.5);-webkit-box-shadow:-4px 0 20px 0 rgba(0,0,0,.5);overflow-y:auto}[id='nav-toggle']:checked ~ main > article {-webkit-transform:translateX(-320px);-moz-transform:translateX(-320px);transform:translateX(-320px)}[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {content:'\2715'}body{-webkit-animation:bugfix infinite 1s}@-webkit-keyframes bugfix {
    to {
      padding: 0;
    }
}@media screen and (min-width:320px){html,body{margin:0;overflow-x:hidden}}@media screen and (max-width:320px){html,body{margin:0;overflow-x:hidden}.nav{width:100%;box-shadow:none}}.nav h2{width:90%;padding:0;margin:10px 0;text-align:center;text-shadow:rgba(255,255,255,.1) -1px -1px 1px , rgba(0,0,0,.5) 1px 1px 1px;font-size:1.3em;line-height:1.3em;opacity:0;transform:scale(.1,.1);-ms-transform:scale(.1,.1);-moz-transform:scale(.1,.1);-webkit-transform:scale(.1,.1);transform-origin:0% 0%;-ms-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transition:opacity .8s , transform .8s;-ms-transition:opacity .8s , -ms-transform .8s;-moz-transition:opacity .8s , -moz-transform .8s;-webkit-transition:opacity .8s , -webkit-transform .8s}.nav h2 a{color:#dadada;text-decoration:none;text-transform:uppercase}[id='nav-toggle']:checked ~ .nav h2 {opacity:1;transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1)}.nav>ul{display:block;margin:0;padding:0;list-style:none}.nav>ul>li{line-height:2.5;opacity:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);-webkit-transition:opacity .5s .1s , -webkit-transform .5s .1s;-moz-transition:opacity .5s .1s , -moz-transform .5s .1s;-ms-transition:opacity .5s .1s , -ms-transform .5s .1s;transition:opacity .5s .1s , transform .5s .1s}[id='nav-toggle']:checked ~ .nav > ul > li {opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.nav > ul > li:nth-child(2) {-webkit-transition:opacity .5s .2s , -webkit-transform .5s .2s;transition:opacity .5s .2s , transform .5s .2s}.nav > ul > li:nth-child(3) {-webkit-transition:opacity .5s .3s , -webkit-transform .5s .3s;transition:opacity .5s .3s , transform .5s .3s}.nav > ul > li:nth-child(4) {-webkit-transition:opacity .5s .4s , -webkit-transform .5s .4s;transition:opacity .5s .4s , transform .5s .4s}.nav > ul > li:nth-child(5) {-webkit-transition:opacity .5s .5s , -webkit-transform .5s .5s;transition:opacity .5s .5s , transform .5s .5s}.nav > ul > li:nth-child(6) {-webkit-transition:opacity .5s .6s , -webkit-transform .5s .6s;transition:opacity .5s .6s , transform .5s .6s}.nav > ul > li:nth-child(7) {-webkit-transition:opacity .5s .7s , -webkit-transform .5s .7s;transition:opacity .5s .7s , transform .5s .7s}.nav>ul>li>a{display:inline-block;position:relative;padding:0;font-family:'Open Sans',sans-serif;font-weight:300;font-size:1.2em;color:#dadada;width:100%;text-decoration:none;-webkit-transition:color .5s ease , padding .5s ease;-moz-transition:color .5s ease , padding .5s ease;transition:color .5s ease , padding .5s ease}.nav>ul>li>a:hover,.nav>ul>li>a:focus{color:#fff;padding-left:15px}.nav>ul>li>a:before{content:'';display:block;position:absolute;right:0;bottom:0;height:1px;width:100%;-webkit-transition:width 0s ease;transition:width 0s ease}.nav>ul>li>a:after{content:'';display:block;position:absolute;left:0;bottom:0;height:1px;width:100%;background:#3bc1a0;-webkit-transition:width .5s ease;transition:width .5s ease}.nav>ul>li>a:hover:before{width:0%;background:#3bc1a0;-webkit-transition:width .5s ease;transition:width .5s ease}.nav>ul>li>a:hover:after{width:0%;background:transparent;-webkit-transition:width 0s ease;transition:width 0s ease}