.footer {
    padding: 20px 0;
    font-size: calc(12px + (20 - 12) * ((100vw - 320px) / (1600 - 320)));
    font-family: var(--wkd-sys-typo-display-small-family), sans-serif;
    font-weight: var(--wkd-sys-typo-display-small-weight);
    font-size: var(--wkd-sys-typo-display-small-size);
    line-height: var(--wkd-sys-typo-display-small-line-height);
    letter-spacing: var(--wkd-sys-typo-display-small-letter-spacing);
}
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    font-family: var(--wkd-sys-typo-display-kanit-regular-family), sans-serif;
    font-weight: var(--wkd-sys-typo-display-kanit-regular-weight);
    font-size: var(--wkd-sys-typo-display-kanit-regular-size);
    line-height: var(--wkd-sys-typo-display-kanit-regular-line-height);
    letter-spacing: var(--wkd-sys-typo-display-kanit-regular-letter-spacing);
}
.footer-links {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    width: calc(209px + (698 - 209) * ((100vw - 320px) / (1600 - 320)));
    padding: 0;
    margin: 0;
    font-family: var(--wkd-sys-typo-display-kanit-light-family), sans-serif;
    font-weight: var(--wkd-sys-typo-display-kanit-light-weight);
    font-size: var(--wkd-sys-typo-display-kanit-light-size);
    line-height: var(--wkd-sys-typo-display-kanit-light-line-height);
    letter-spacing: var(--wkd-sys-typo-display-kanit-light-letter-spacing);
}
.footer-link {
    text-decoration: none;
    color: #000;
    transition: color 0.3s, font-weight 0.3s;
}
.footer-link:hover {
    color: #8C5A32;
}
@media (min-width: 1920px) {
	.footer {
		font-size: 20px!important;
	}
	.footer-links {
		width: 698px!important;
	}
}