@import 'https://fonts.googleapis.com/css?family=Kanit';
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 85px;
  font-family: sans-serif;
}
h1 { font-family: 'Kanit', sans-serif; font-size: 2.9em; }
h1,h2,h3,h4,h5 { font-family: 'Kanit', sans-serif !important; }
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 84px;
  padding-top: 14px;
  background-color: #222;
  color: #FFF;
}

/* ------- added -------- */
.hr-hidden { margin-bottom: 1em; visibility: hidden; }
.footer div { background: #222; }
.footer p { margin: 0; padding: 0; font-size: 12px; color: #CCCCCC; }
.footer h5 { margin: 0; padding: 0; font-weight: bold; }
.footer h5 a { color: #FFF; text-decoration: none; }
.footertpalogo { width: 32px; height: 32px; float: left; margin-right: 0.3em; }
#footersociallink { text-align: right; }
#footersociallink ol { margin: 0; padding: 0; list-style-type: none; }
#footersociallink ol li { display: inline; margint: 0 6px 0 0;}
#footersociallink ol li img { width: 32px; height: 32px; }
.footer-nav { width: 100%; margin-bottom: -22px; padding-top: 1.5em; background-color: #444; font-size: 0.9em; }
.footer-nav h5 { margin: 0 0 0.4em 1.2em; font-weight: bold; font-size: 1.4em; color: #FFF; }
.footer-nav ul { color: #CCC; }
.footer-nav a { color: #EEE; }

@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 480px) {
	#footersociallink { text-align: left; }
}