header#top {
  background: url('/images/background-top.svg');
  background-position-x: center;
  background-repeat: no-repeat;
  font-family: kanit;
  color: #FFF;
}
header#top .navbar {
  padding-left: 0px;
  padding-right: 0px;
}
header#top .logo-title,
header#top a.nav-link {
  color: #FFF;
}
header#top .navbar-brand img { height: 80px; }
header#top .logo-title .title-th { font-size: 20px;font-weight: 400; }
header#top .logo-title .title-en { font-size: 13px;font-weight: 300; }

@media(max-width: 480px) {
  header#top {
    background-size: auto;
  }
  header#top .navbar {
    position: relative;
  }
  header#top .navbar .navbar-toggler {
    position: absolute;
    top: 20px;
    right: -10px;
  }
  header#top .navbar .navbar-brand img { height: 60px; }
  header#top .navbar .logo-title .title-th { font-size: 16px;font-weight: 400; }
  header#top .navbar .logo-title .title-en { font-size: 12px;font-weight: 300; }
}