.main-nav{border:1px solid #bbb;background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 41px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2)}.main-nav:after{clear:both;content:"\00a0";display:block;height:0;font:0px/0 serif;overflow:hidden}.nav-brand{float:left;margin:0}.nav-brand a{display:block;padding:11px 11px 11px 20px;color:#555;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:17px;text-decoration:none}#main-menu{clear:both;border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media (min-width:200px){#main-menu{float:right;clear:none}}.main-menu-btn{float:right;margin:5px 10px;position:relative;display:inline-block;width:29px;height:29px;text-indent:29px;white-space:nowrap;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.main-menu-btn-icon,.main-menu-btn-icon:after,.main-menu-btn-icon:before{position:absolute;top:50%;left:2px;height:2px;width:24px;background:#555;-webkit-transition:all .25s;transition:all .25s}.main-menu-btn-icon:before{content:'';top:-7px;left:0}.main-menu-btn-icon:after{content:'';top:7px;left:0}#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon{height:0;background:0 0}#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#main-menu-state{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}#main-menu-state:not(:checked)~#main-menu{display:none}#main-menu-state:checked~#main-menu{display:block}@media (min-width:1200px){.main-menu-btn{position:absolute;top:-99999px}#main-menu-state:not(:checked)~#main-menu{display:inline-block}}body{margin:8px;background:#fff;color:#aaa;font:16px/1.5em 'Helvetica Neue',Helvetica,Arial,sans-serif}.demo-text{margin:3em 22px}.demo-text p{margin-bottom:1em}.demo-text a{color:#999}