@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}#mobile-header{background:#eef2f5;border-bottom:1px solid #b0bec5;padding:8px 10px;margin-bottom:6px;overflow:hidden}#mobile-brand{float:left;margin-left:10px;color:#333;font-size:18px;font-weight:700;text-decoration:none;line-height:32px}#mobile-brand:visited{color:#333}#mobile-brand:hover{color:#333;text-decoration:none}#sidebar-toggle{float:left;display:inline-block;padding:8px 12px;cursor:pointer}#sidebar-toggle .bar{display:block;width:22px;height:2px;margin-bottom:5px;background-color:#555;border-radius:1px}#sidebar-toggle .bar:last-child{margin-bottom:0}}@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}#mobile-header{background:#eef2f5;border-bottom:1px solid #b0bec5;padding:8px 10px;margin-bottom:6px;overflow:hidden}#mobile-brand{float:left;margin-left:10px;color:#333;font-size:17px;font-weight:700;text-decoration:none;line-height:32px}#mobile-brand:visited{color:#333}#mobile-brand:hover{color:#333;text-decoration:none}#sidebar-toggle{float:left;display:inline-block;padding:8px 12px;cursor:pointer}#sidebar-toggle .bar{display:block;width:22px;height:2px;margin-bottom:5px;background-color:#555;border-radius:1px}#sidebar-toggle .bar:last-child{margin-bottom:0}}