@font-face {
    font-family: 'ThaiSansNeue';
    src: url('/assets/font/ThaiSansNeue/ThaiSansNeue-Light.otf') format('opentype');
    font-style: NORMAL_OR_ITALIC;
    font-weight: NUMERIC_WEIGHT_VALUE;
}

body,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: 'ThaiSansNeue';
}

body,
.navbar .navbar-nav .nav-link {
    font-size: 1.5rem;
}

h1,
.h1 {
    font-size: calc(1.875rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 2.5rem
    }
}

h2,
.h2 {
    font-size: calc(1.825rem + .9vw)
}

@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 2.25rem
    }
}

h3,
.h3 {
    font-size: calc(1.8rem + .6vw)
}

@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 2rem
    }
}

h4,
.h4 {
    font-size: calc(1.775rem + .3vw)
}

@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.75rem;
    }
}

h5,
.h5 {
    font-size: 1.75rem
}

h6,
.h6 {
    font-size: 1.5rem
}

.fs-1 {
    font-size: calc(1.875rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.825rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.8rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.775rem + .3vw) !important
}

.fs-5 {
    font-size: 1.75rem !important
}

.fs-6 {
    font-size: 1.5rem !important
}

.s-125 {
    font-size: 1.25rem;
}

.form-control,
.dropdown-menu {
    font-size: 1.5rem;
}