.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.hamburger{display:none}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:#101010}.nav-menu{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;margin-left:auto;margin-right:30px;align-self:stretch}.nav-item{margin-left:1rem;position:relative;&::after{position:absolute;transform:translateX(-50%);left:50%;bottom:0;height:2px;width:0;content:"";background-color:var(--orange);transition:width 0.3s ease-in-out}.nav-link{transition:color 0.3s ease-in-out}}.nav-item.current-menu-item::after,.nav-item:hover::after{width:100%}.nav-item.current-menu-item>.nav-link,.nav-item:hover>.nav-link{color:var(--orange)}.nav-link{font-size:18px;font-weight:400}.nav-logo{max-width:150px;img{width:100%;max-height:50px;border:0;object-fit:cover}}@media only screen and (max-width:1200px){.nav-menu{position:fixed;left:-100%;top:5rem;flex-direction:column;width:100%;border-radius:10px;text-align:center;transition:0.3s}.nav-menu.active{left:0}.nav-item{margin:0.5rem 0}.hamburger{display:block;cursor:pointer}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}}