@font-face {
  font-family: 'TaiFont';
  src: url('fonts/Tai.ttf')  format('truetype');
}
@font-face {
  font-family: 'GHKTachileik';
  src: url('GHKTachileik.eot?#iefix') format('embedded-opentype'),  
  url('fonts/GHKTachileik.woff') format('woff'), 
  url('fonts/GHKTachileik.ttf')  format('truetype'), 
  url('fonts/GHKTachileik.svg#GHKTachileik') format('svg');
}

@font-face {
  font-family: 'GHKKengtung';
  src: url('GHKKengtung.eot?#iefix') format('embedded-opentype'),  
  url('fonts/GHKKengtung.woff') format('woff'), 
  url('fonts/GHKKengtung.ttf')  format('truetype'), 
  url('fonts/GHKKengtung.svg#GHKKengtung') format('svg');
}

@font-face {
    font-family: 'GHKTaunggyi';
    src: url('fonts/GHKTaunggyi.eot');
    src: url('fonts/GHKTaunggyi.eot') format('embedded-opentype'),
         url('fonts/GHKTaunggyi.woff') format('woff'),
         url('fonts/GHKTaunggyi.ttf') format('truetype'),
         url('fonts/GHKTaunggyi.svg#GHKTaunggyi') format('svg');
}

@font-face {
    font-family: 'ZawgyiTai';
    src: url('ZawgyiTai.eot');
    src: url('fonts/ZawgyiTai.eot') format('embedded-opentype'),
         url('fonts/ZawgyiTai.woff') format('woff'),
         url('fonts/ZawgyiTai.ttf') format('truetype'),
         url('fonts/ZawgyiTai.svg#ZawgyiTai') format('svg');
}

@font-face {
    font-family: 'PitakaFont';
    src: url('fonts/PitakaTai.ttf') format('truetype');
}

h1, h2, h3, h4 {font-family: 'GHKKengtung';}
html {font-family: 'GHKTaunggyi' !important;}
p {font-family: 'GHKTaunggyi' !important;}
	
@font-face {
    font-family: 'Kawsai';
     src: url('fonts/Kawsai.ttf') format('truetype');
}
			
#uniout {
	font-family: 'GHKTaunggyi';
	font-size:1rem;
}

.foZG {font-family: ZawgyiTai, 'Zawgyi-Tai'; }

.uniFont {font-family: "GHKTaunggyi";}

.fontKawsai { font-family: Kawsai, 'A Ying'; }

.fontTai { font-family: TaiFont; }

.fontPitaka { font-family: 'PitakaFont';}

#zgsrc {
	font-family: 'ZawgyiTai';
	font-size:1rem;
}

#unifont {
	font-family: 'GHKTaunggyi';
	font-size:1rem;
}

@media all and (max-width: 1024px) {
	#wrapper {
		width: 600px;
	}
}

@media all and (max-width: 480px) {
	#wrapper {
		width: 300px;
	}
}

html {
  font-size: 1rem;
  font-family: 'GHKKengtung';
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}