li{display:flex;align-items:center}.LogoImage{height:50px;padding-top:10px}.navElement{cursor:pointer}.navElement:hover{font-weight:700}nav{position:fixed;left:0;top:0;right:0;bottom:auto;z-index:99;display:flex;align-items:center;background-color:#fff;min-height:62px;font-family:Montserrat,sans-serif;padding:0 30px 0 30px}div#logo{color:#4a4a4c;font-weight:700;font-size:2rem}ul.nav-links{display:flex;align-self:center;margin-left:auto}ul.nav-links li{list-style:none;margin-left:16px}ul.nav-links a{text-decoration:none;color:#4a4a4c;font-size:1.2rem;font-weight:500;display:block}#burger{display:none;cursor:pointer;margin-left:auto}#burger div{width:30px;height:3px;margin:8px;transition:all .3s ease-in}ul.dropdown-menu{position:absolute;top:8vh;background-color:#fff;min-width:140px;cursor:pointer;display:none}ul.dropdown-menu li:first-child{margin:0 0 10px 0}ul.dropdown-menu li{margin:10px 0}ul.dropdown-menu li:last-child{margin:10px 0 0 0}ul.dropdown-menu a{line-height:8vh;padding:5px 15px;background-color:#4a4a4c;line-height:50px}@media screen and (max-width:768px){ul.nav-links{position:absolute;flex-direction:column;height:100vh;top:6.8vh;right:0;padding:100px;align-items:center;justify-content:flex-start;background-color:#fff;opacity:.8;transform:translateX(100%);transition:transform .5s ease-in;min-width:100%}ul.nav-links li{opacity:0}ul.nav-links a{width:100%;margin:10px}div#burger{display:block}ul.dropdown-menu{position:relative;top:0}}.nav-active{transform:translateX(0)!important}@-webkit-keyframes navLinkFade{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes navLinkFade{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}.toggle .line1{transform:rotate(-45deg) translate(-9px,10px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(45deg) translate(-5px,-6px)}