header{background-color:#2e3b4e;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;transition:height .4s ease-in-out;height:84px;overflow:hidden;position:sticky;top:0;left:0;width:100%;z-index:999}header .logo{display:flex;gap:15px;align-items:center;font-size:20px}header .logo img{max-height:50px}header nav ul{list-style-type:none;display:flex;gap:20px}header nav ul li a{text-decoration:none;color:#fff !important;font-weight:bold;padding:8px 16px;border-radius:4px;transition:background-color .3s;white-space:nowrap}header nav ul li a:hover{background-color:#4f5b66;color:#fff !important}header nav ul li a:focus{outline:2px solid #fff;outline-offset:2px;background-color:#4f5b66}header nav ul li a:visited{color:#fff !important}header .menu-button{position:absolute;top:20px;right:20px;display:none;cursor:pointer;height:30px}header.open{height:360px}@media(max-width: 1250px){header .logo .logo-text{display:none}}@media(max-width: 768px){header{flex-direction:column;align-items:flex-start;height:70px}header .logo .logo-text{display:block;font-size:16px;max-width:calc(100% - 120px)}header .menu-button{display:block}nav ul{flex-direction:column;gap:10px;margin:20px;margin-left:0}}