body{margin:0;font-family:sans-serif;padding-top:60px}.navbar{background-color:#f8f8f8;border-bottom:1px solid #e7e7e7;height:60px;padding:0 15px;position:fixed;top:0;left:0;right:0;z-index:1000;box-sizing:border-box}.navbar-container{display:flex;align-items:center;height:100%;max-width:1200px;margin:0 auto}.navbar-toggle{border:none;background:0 0;padding:10px;margin-right:15px;cursor:pointer;display:inline-block;position:relative;width:40px;height:30px;outline:0;z-index:101;flex-shrink:0}.navbar-toggle .bar{display:block;position:absolute;left:5px;width:30px;height:3px;background-color:#333;border-radius:1px;transition:all .3s ease-in-out;transform-origin:center}.navbar-toggle .bar:nth-child(1){top:6px}.navbar-toggle .bar:nth-child(2){top:13.5px}.navbar-toggle .bar:nth-child(3){top:21px}.navbar-toggle.active .bar:nth-child(1){top:13.5px;transform:rotate(45deg)}.navbar-toggle.active .bar:nth-child(2){opacity:0}.navbar-toggle.active .bar:nth-child(3){top:13.5px;transform:rotate(-45deg)}.navbar-logo-link{display:flex;align-items:center;flex-shrink:0}.navbar-logo{height:35px;display:block}.navbar-links{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:60px;left:0;right:0;background-color:#f8f8f8;border-top:1px solid #e7e7e7;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:100;max-height:0;overflow:hidden;transition:max-height .4s ease-out}.navbar-links.active{max-height:300px}.navbar-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;width:100%}.navbar-menu li{width:100%}.navbar-menu li a{text-decoration:none;color:#337ab7;padding:12px 20px;display:block;width:100%;box-sizing:border-box;text-align:left;transition:background-color .2s ease}.navbar-menu li a:hover{background-color:#e7e7e7}.navbar-account-link{margin-left:auto}@media (min-width:768px){.navbar-toggle{display:none}.navbar-links{display:flex;flex-direction:row;align-items:center;position:static;background-color:transparent;border-top:none;box-shadow:none;max-height:none;overflow:visible;width:auto;padding:0;margin-left:20px}.navbar-menu{flex-direction:row;width:auto}.navbar-menu li{margin:0 10px;width:auto}.navbar-menu li a{padding:5px;width:auto;text-align:left}.navbar-menu li a:hover{background-color:transparent;color:#555}.navbar-logo{height:40px}}.content-area{padding:20px}