.header{box-sizing:border-box;margin:0;padding:0;width:100%;height:auto;background-color:var(--color-main-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 5px 10px rgba(0,0,0,.2);position:relative;z-index:998;transition:ease-in-out .5s all}.header[data-fixed=true]{background-color:var(--color-main);position:fixed;top:0;z-index:999;transition:ease-in-out .5s all}.header a{text-decoration:none}.header-row{box-sizing:border-box;display:flex;flex-direction:row;gap:15px;padding:20px 40px;width:100%}.header-col{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:auto}.header-logo{box-sizing:border-box;width:4rem;height:auto}.header-title{font-size:30px;font-weight:700;color:#fff;font-family:'Open Sans',sans-serif;transition:ease-in-out .5s all}.header-navigation{box-sizing:border-box;width:100%;height:70px;margin:0;padding:0 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:rgba(255,255,255,1)}.header-switch{display:none;font-size:46px;color:rgba(255,255,255,1)}@media screen and (max-width:640px){.header-title{font-size:20px}}@media screen and (min-width:641px) and (max-width:1080px){.header-title{font-size:25px;transition:ease-in-out .5s all}}@media screen and (max-width:1080px){.header-col:nth-child(1){display:none}.header-col:nth-child(2){flex:1}.header-switch{display:block}.header-navigation{height:auto;overflow:hidden;padding:0;max-height:0px;transition:ease-in-out .25s max-height}.header-navigation[data-opened=true]{max-height:500px}}