.header{z-index:10000;justify-content:space-between;align-items:center;width:100%;height:auto;padding:.5rem 3rem .5rem 3.5rem;display:flex;position:absolute}.header .logo{cursor:pointer;border-radius:1.5rem}.header nav{align-items:center;gap:1rem;display:flex}.header nav a,.header nav .link{color:inherit;font-size:1.2rem;font-weight:600;text-decoration:none;transition:color .3s}.header nav a:hover,.header nav .link:hover{color:#cc0100}.header .menu{border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:60px;height:60px;padding:5px;display:none}.header .menu .menu-line{background-color:#cc0100;border-radius:10px;width:100%;height:4px;margin:12px 0}@media (max-width:768px){.header{padding:.5rem 1.5rem}.header nav{background-color:#fff;border-top:1px solid #ddd;flex-direction:column;width:100%;padding:1rem 0;display:none;position:absolute;top:100%;left:0}.header nav a,.header nav .link{padding:.5rem 1rem;font-size:.875rem}.header nav.active{display:flex}.header .menu{display:block}}