@import url('https://fonts.googleapis.com/css?family=Kanit&subset=thai');
	
html, body{
  height: 100%;
}
body{
	background: url("../images/5dec-m.png");
	background-position: center center;
	background-repeat:  no-repeat;
	background-attachment: fixed;
	background-size:  cover;
	background-color: #eee;
	/*
	-webkit-filter: grayscale(100%) !important;
	-moz-filter: grayscale(100%)  !important;
	-ms-filter: grayscale(100%)  !important;
	-o-filter: grayscale(100%)  !important;
	filter: grayscale(100%)  !important;
	filter: gray  !important;  */	
	
	
}
.img-responsive {
	width:82% !important;	
	margin-top:6%;
}
#video-bg {
  position: fixed;
  top: 0;
  right: 0;
  width: auto;
  min-width: 100%;
  min-height: 100vh;
  height: auto;
  background: transparent url("../images/5dec-m.png") no-repeat;
  background-size: cover;
}
video {
  display: block;
}
.video-container {
  width: 100%;
  max-height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  z-index: -100;
}
h1 {
	font-family:'Kanit'; 
	font-weight:400;
	color:#59320b !important;
	text-shadow: 0 0 5px #fff;
	font-size: 16px !important;		
}
a {
	text-decoration: none !important;
	color: #59320b;
}

#xxx {
	position:relative;
	top: 620px;
	left:50%;
	transform:translate(-50%,0); 
	letter-spacing: .1rem;
}
#text_anounce {
	width:600px;
	font-family:'Kanit'; 
	font-weight:400;
	font-size:12px;
	letter-spacing: .1rem;
}

@media only screen and (max-width: 768px) {
	#xxx {
		position:relative;
		top: 350px !important;
		left:50%;
		transform:translate(-50%,0); 
		letter-spacing: .1rem;
	}
}

@media only screen and (max-width: 425px) {
	html, body{
	  height: 100%;
	}
	body{
		background: url("../images/5dec-m.png");
		background-position:  center;
		background-repeat:  no-repeat;
		background-attachment: fixed;
		background-size:  cover;
		background-color: #eee;
	}	
	.img-responsive {
		/*width:100% !important;*/
	}
	h1 {
		font-size: 14px !important;		
	}
	.fadeImg {
		margin-top: 50px;		
	}
	#xxx {
		position:relative;
		top: 220px !important;
		left:50%;
		transform:translate(-50%,0); 
		letter-spacing: .1rem;
	}
	
	#text_anounce {
		text-align: center;
		width:auto;
		font-family:'Kanit' !important;
		font-weight:400;
		font-size:11px !important;
		letter-spacing: .1rem;
	}
}