body {
  font-family: "Noto Sans Thai", sans-serif;
  font-optical-sizing: auto;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 3%;
}

h1, .h1 { font-size: 50px; font-weight: 700; }
h2, .h2 { font-size: 38px; font-weight: 600; letter-spacing: 0; }
h3, .h3 { font-size: 28px; font-weight: 600; }
h4, .h4 { font-size: 19px; font-weight: 600; letter-spacing: 0; }
h5, .h5 { font-size: 14px; font-weight: 600; }
.site-header .nav-link, .site-header-lang { font-size: 14px; font-weight: 600; }

.text-white h1 { font-weight: 600; }
.text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { font-weight: 500; }
.text-white p { font-weight: 300; }

.lh-custom { line-height: 1.7; }
.hero p { line-height: 1.7; }

.txt-small { font-size: 13px !important; }
.txt-semibold { font-weight: 600 !important; }
.text-white .txt-semibold { font-weight: 500 !important; }

.btn-main { font-size: 13px; font-weight: 500; }

.form-control { font-size: 14px; font-weight: 400; }

.article-detail p { letter-spacing: 0; }

@media (max-width: 575px) {
  h1, .h1 { font-size: 30px; }
  h2, .h2 { font-size: 24px; }
  h3, .h3 { font-size: 22px; }
  h4, .h4 { font-size: 18px; }
  .txt-small { font-size: 12px !important; }
}