.header{position:fixed;top:0;left:0;width:100vw;height:100px;display:flex;align-items:center;z-index:100;transition:background-color .5s}.scrolled-color{background-color:#fdfdfde6}.header-icon{margin-right:auto;padding:10px 30px}.header-icon img{height:80px;width:auto}.header-contents{margin-left:auto;padding-right:5vw}.header-link{text-decoration:none;color:#e6e6e6;margin-left:5vw;transition:color .3s}.header-contents a:hover{color:#429f93}.scrolled-text-color,.scrolled-menu-color{color:#0b0b0b}.hamburger-menu{cursor:pointer;display:none;margin-right:30px;z-index:30}.menu-bar{font-size:20px;color:#0b0b0b}.mobile-menu{display:none;position:fixed;box-sizing:border-box;background-color:#fff;border:3px solid #429F93;box-shadow:0 8px 16px #0003;padding:60px 0 20px;width:100%;top:0;right:0;z-index:25;opacity:0;visibility:hidden;transform:translate(100%);transition:opacity .5s,transform .5s,visibility .5s}.mobile-menu.open{display:block;opacity:1;visibility:visible;transform:translate(0)}.mobile-menu-logo{position:absolute;top:20px;left:20px;height:80px;width:auto}.mobile-menu a{color:#000;padding:12px 50px;text-decoration:none;display:block;white-space:nowrap;transition:color .2s ease;text-align:right}.mobile-menu a:hover{color:#429f93}@media (max-width: 1024px){.header-contents{padding-right:3vw}.header-link{margin-left:2vw}}@media (max-width: 768px){.header{width:100vw;height:60px}.header-icon{padding-left:15px;padding-left:2vw}.header-icon img{height:50px}.header-contents{display:none}.header-link{margin:2vw;font-size:14px}.hamburger-menu,.mobile-menu{display:block}}