body{background-color:#000;font-family:Arial,sans-serif;margin:0}.menu-container{position:relative}.menu{background-color:#000;display:flex;justify-content:center;list-style:none;margin:20px 0 0;padding:10px 0}.menu li{margin:0 20px}.menu a{color:#fff;font-size:18px;text-decoration:none}.menu a:hover{color:#377777}@media screen and (max-width:768px){.menu{display:none}}.hamburger{cursor:pointer;display:none;position:absolute;right:20px;top:10px;z-index:1001}.hamburger div{background-color:#fff;height:3px;margin:5px 0 10;transition:all .3s ease;width:25px}@media screen and (max-width:768px){.hamburger{display:block}}.mobile-menu{align-items:center;background-color:#000;display:none;flex-direction:column;height:100%;padding-top:50px;position:fixed;right:0;top:0;width:100%;z-index:1000}.mobile-menu a{color:#fff;font-size:20px;margin:15px 0;text-decoration:none}.mobile-menu a:hover{color:#377777}.mobile-menu.active{display:flex}.close-menu{background-color:#000;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:10px;position:absolute;right:20px;top:10px}.mobile-menu.active+.hamburger .div:first-child{transform:rotate(45deg)}.mobile-menu.active+.hamburger .div:nth-child(2){opacity:0}.mobile-menu.active+.hamburger .div:nth-child(3){transform:rotate(-45deg)}.hamburger.active div{opacity:0}.logo-container{left:20px;position:absolute;top:10px;z-index:1002}.logo{height:40px;width:auto}@media screen and (min-width:768px){.logo-container{left:20px;top:10px}}@media screen and (max-width:768px){.logo-container{left:20px;top:10px}}