@charset "UTF-8";.navnav{width:320px;min-width:320px;height:100%;position:fixed;top:0;bottom:0;margin:0;left:-320px;padding:15px 20px;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;transition:left 0.3s;background:#a1a0a0;z-index:2000;}
.nav-toggle{position:absolute;left:320px;top:1em;padding:0.5em;background:inherit;color:#000;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 ~ .navnav > .nav-toggle{left:auto;right:2px;top:1em;}
[id='nav-toggle']:checked ~ .navnav{left:0;box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);-moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);-webkit-box-shadow:4px 0px 20px 0px rgba(0,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 ~ .navnav > .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;}
.navnav{width:100%;box-shadow:none}
}
[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:#000;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:white;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;}