.navbar{flex-direction:column;justify-content:center;padding:10px 20px}.nav-menu,.navbar{align-items:center;display:flex}.nav-menu{list-style:none;margin:0;padding:0}.nav-menu li{margin:0}.nav-menu a{color:#fff;display:block;padding:15px 20px;text-decoration:none}.menu-toggle{cursor:pointer;display:none;flex-direction:column;margin-bottom:20px;position:relative}.bar{background-color:#fff;height:3px;margin:3px 0;transition:.3s;width:25px}.menu-toggle.active .bar:first-child{position:absolute;top:9px;transform:rotate(50deg)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){position:absolute;top:9px;transform:rotate(126deg)}@media screen and (max-width:768px){.nav-menu{display:none;flex-direction:column;width:100%}.menu-toggle,.nav-menu.active{display:flex}}