/* sarabun-regular - latin-ext_latin */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sarabun-v13-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/sarabun-v13-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sarabun-v13-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sarabun-v13-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sarabun-v13-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sarabun-v13-latin-ext_latin-regular.svg#Sarabun') format('svg'); /* Legacy iOS */
}
@charset "utf-8";
/* CSS Document */

.top-unav {margin-top: 50px;}
.top-buffer {padding-top: 20px;}
.bottom-buffer {padding-bottom: 20px;}

body, html {
  height: 100%;
	/* The image used */
  background-image: url("bg.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	background-attachment: fixed;
}

.footerforest {max-height: 30%;}

.kholz {max-height: 1000px;}

.navibar { background-color: #007656;}

.concolor {background-color: rgba(0,118,86,0.40);
			margin-bottom: 50px;}

p {font-family: "Sarabun", sans-serif;
	color: white;}

h3 {font-family: "Sarabun", sans-serif;
	color: white;}
h2 {font-family: "Sarabun", sans-serif;
	color: white;}
h1 {font-family: "Sarabun", sans-serif;
	color: white;}
ul {font-family: "Sarabun", sans-serif;
	color: white;}