.header {
	position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    transition: height .2s;
    height: calc(120* var(--font-ratio)* 1px);
}

.header_inner {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    color: #fff;
    background: #fff;
    transform: translateY(0);
    transition: background-color .2s ease, transform .2s ease-out;
    background: #fef783;
}

.header_content {
	display: flex;
    align-items: center;
    max-width: calc(1366* var(--font-ratio)* 1px);
    height: inherit;
    padding: 0 9.7364568082%;
    margin: 0 auto;
    transition: padding .2s;
}

.header_content a {
    margin-right: calc(20* var(--font-ratio)* 1px);
    position: relative;
    display: block;
}

.header_content img {
	display: block;
    width: 100%;
}

.header_text {
	margin-left: auto;
}

.header_text a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(150* var(--font-ratio)* 1px);
    padding: calc(10* var(--font-ratio)* 1px);
    font-weight: 700;
    color: #fff;
    background: var(--c-primary);
    border: 2px solid var(--c-primary);
    border-radius: calc(8* var(--font-ratio)* 1px);
    transition: all .2s;
}

.header_text br {
    display: none;
}

@media (any-hover: hover) {
    .header_text a:hover {
        color: var(--c-primary);
        background-color: #fff;
    }
}

@media (max-width: 576px) {
    .header_text a {
        width: calc(83* var(--font-ratio)* 1px);
        height: calc(40* var(--font-ratio)* 1px);
        padding: calc(6* var(--font-ratio)* 1px);
        font-size: calc(12* var(--font-ratio)* 1px);
        line-height: 1.2;
        text-align: center;
        border-radius: calc(6* var(--font-ratio)* 1px);
    }

    .header_text br {
        display: inline;
    }
}

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    display: none;
    flex-direction: column;
}

#loading-overlay p {
    font-size: calc(24 / var(--fz-root) * var(--font-ratio) * 1rem);
    color: red;
}