@import url('https://fonts.googleapis.com/css?family=Yantramanav:100');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400');

html, body{
	margin: 0;
	padding:0;
	height:100%;
	width:100%;
	font-family: 'Sarabun', sans-serif;
}
p {
  font-family: 'Sarabun', sans-serif;
  font-size:0.9rem;
}

.intro {
	margin: auto;
	height:100%;
	width:100%;
	background:url(../images/background.png);
	display:table;
	top:0;
	background-size:cover;
}
.intro .inner{
	display: table-cell;
	vertical-align: middle;
	width:100%;
	max-width:none;
}
.content {
	max-width:100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom:18%;
}
.content h1 {
	font-family: 'Yantramanav', sans-serif;
	font-size:600%;
	font-weight:800;
	color:#146683ea;
	line-height:50%;
}
.btn {
	font-family:'Sarabun', sans-serif;
	font-size:98%;
	font-weight:400;
	color:#f7fafb;
	
	text-transform:uppercase;
	text-decoration:none;
	border:solid #e5f0f4;
	border-width: 1px;
	padding: 10px 10px;
	border-radius:20px;
	transition:all 0.2s;
	line-height:300%;
}
.btn:hover{
	color:#c98405f1;
	border:solid #c98405f1;
	}
.footer {
  position: absolute;
  font-family:'Yantramanav', sans-serif;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  text-align: center;
}

#tab {
    position: absolute;
    width: 130px;
    height: 20px;
    top: 35px;
    left: 25px;
    cursor: pointer;
}

	a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}



/*--- Media Queries --*/
@media screen and (max-width: 900px) {

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

}
@media screen and (max-width: 480px) {
	
}