@media (min-width:480px) and (max-width:1023px){body{margin:0;overflow-x:hidden;font-family:helvetica;font-weight:100}.mobile-menu-container{position:relative;height:100%;width:100%;left:0;-webkit-transition:left .4s ease-in-out;-moz-transition:left .4s ease-in-out;-ms-transition:left .4s ease-in-out;-o-transition:left .4s ease-in-out;transition:left .4s ease-in-out}.mobile-menu-container.open-sidebar{left:240px}.swipe-area{position:absolute;width:50px;left:0;top:0;height:100%;z-index:0}#menu{z-index:1000;position:absolute;width:240px;height:100%;left:-240px;box-sizing:border-box;-moz-box-sizing:border-box}#menu ul{margin:0;padding:0;list-style:none}#menu ul li{margin:0;border-right:1px solid #92a1b0;background:#d4d8dc;padding:15px 20px;font-size:16px;font-weight:100;color:#000;text-decoration:none;display:block;border-bottom:1px solid #92a1b0;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-ms-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out}#menu ul a{text-decoration:none}#menu ul:hover li{background:#92a1b0}.main-content{width:100%;height:100%;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;position:relative}.main-content #sidebar-toggle{background:#92a1b0;border-radius:3px;display:inline-block;padding:10px 7px}.main-content #sidebar-toggle .bar{display:block;width:18px;margin-bottom:3px;height:2px;background-color:#fff;border-radius:1px}.main-content #sidebar-toggle .bar:last-child{margin-bottom:0}.main-content #sidebar-toggle div{float:right}.main-content .menu_info{color:#fff;margin:-4px 0 0 2px}}@media (max-width:479px){body{height:100%;margin:0;overflow-x:hidden;font-family:helvetica;font-weight:100}.mobile-menu-container{position:relative;height:100%;width:100%;left:0;-webkit-transition:left .4s ease-in-out;-moz-transition:left .4s ease-in-out;-ms-transition:left .4s ease-in-out;-o-transition:left .4s ease-in-out;transition:left .4s ease-in-out}.mobile-menu-container.open-sidebar{left:240px}.swipe-area{position:absolute;width:50px;left:0;top:0;height:100%;z-index:0}#menu{z-index:1000;position:absolute;width:240px;height:100%;left:-240px;box-sizing:border-box;-moz-box-sizing:border-box}#menu ul{margin:0;padding:0;list-style:none}#menu ul li{margin:0;border-right:1px solid #92a1b0;background:#d4d8dc;padding:15px 20px;font-size:16px;font-weight:100;color:#000;text-decoration:none;display:block;border-bottom:1px solid #92a1b0;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;-ms-transition:background .3s ease-in-out;-o-transition:background .3s ease-in-out;transition:background .3s ease-in-out}#menu ul a{text-decoration:none}#menu ul:hover li{background:#92a1b0}.main-content{width:100%;height:100%;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;position:relative}.main-content #sidebar-toggle{background:#92a1b0;border-radius:3px;display:inline-block;padding:10px 7px}.main-content #sidebar-toggle .bar{display:block;width:18px;margin-bottom:3px;height:2px;background-color:#fff;border-radius:1px}.main-content #sidebar-toggle .bar:last-child{margin-bottom:0}.main-content .menu_info{display:none}}