header{align-items:top;background-color:#222;width:100vw;display:flex}header img{text-align:center;align-content:center;width:clamp(100px,25vw,200px);height:auto;padding:10px}.header-container{flex-direction:column;width:100%;display:flex}.header-container .header-box{color:#fff;flex:1;justify-content:space-between;align-items:flex-start;padding:20px 20px 10px;display:flex}.header-container .header-box .header-hgroup{max-width:45vw;position:relative;overflow:visible}.header-container .header-box .header-hgroup .page-title{color:var(--primary-color);font-family:Satoshi-Bold,sans-serif;font-size:clamp(2rem,6vw,5rem);line-height:.8}.header-container .header-box .header-hgroup .header-subtitle{width:max-content;margin-top:10px;font-size:clamp(1rem,3vw,2.5rem);position:relative}.header-container .header-box .header-hgroup nav .menu li{cursor:pointer;font-size:3rem;transition:color .3s}.header-container .header-box .header-hgroup nav .menu li:hover{color:var(--primary-color)}.header-container .div-button{border-left:10px solid var(--primary-color);justify-content:flex-end;padding:0 10px 10px;display:flex}.header-container .div-button a{margin-bottom:10px;margin-right:10px}@media screen and (width>=850px){.header-container .header-box{flex-direction:column-reverse;justify-content:start;padding:0 0 0 20px}.header-container .header-box .header-hgroup{margin-top:-20px;padding-left:2vw}.header-container .header-box nav{align-self:flex-end}.header-container .header-box nav .hamburger{display:none}.header-container .header-box nav .menu{position:unset;gap:20px;margin-left:auto;display:flex}.header-container .header-box nav .menu li{font-size:1rem}.header-container .div-button a{margin:0;position:relative;bottom:4vw;right:2vw}}.hamburger{cursor:pointer;z-index:2;width:30px;height:25px;position:relative}.line{background-color:#fff;width:25px;height:3px;margin:5px auto;display:block}.hamburger.active .line:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.active .line:nth-child(2){opacity:0}.hamburger.active .line:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.menu{background-color:#222;border-radius:4px;padding:20px;list-style:none;display:none;position:absolute;top:150px;right:0}.menu.open{display:block}