@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Kanit:400,500,700');
@import "./bootstrap.min.css";
@import "./default.css";
@import "./fonts.css";

html,body{font-family: "Kanit", sans-serif;padding:0;margin:0;font-weight: 500;opacity: 1;transition: .3s opacity;color: #000;}
main{background: url('../img/bg-position.jpg') no-repeat top center;background-size: cover;}
ul,li{margin:0;padding: 0;list-style: none}
iframe,img{max-width: 100%;border:0;}
h1,h2,h3,h4,h5,h6{font-family: "Kanit", sans-serif;font-weight: 700;line-height: initial;}
a{transform: .3s all;}
a:hover{text-decoration: none;transform: .3s all;}
.container{width: 1170px;max-width: 100%;}
.btn-enter-site{color: white;font-size: 18px;border-radius: 30px;background:#60983a;padding: 8px 50px;border:1px solid #60983a;font-weight: 300;}
.btn-enter-site:hover,.btn-enter-site:focus{background:#60983a;border-color: #60983a;color: white;}


/* SET CENTER */
html,body{height: 100%;}
body{display: table;width: 100%;}
body>main{display: table-cell;vertical-align: middle;width: 100%;text-align: center;}

@media(max-width: 1170px){
	.container{width: 992px;}
}
@media(max-width: 991px){
	.container{width: 750px;}
}
@media(max-width: 768px){
	body{display: block;}
	body>main{display: block;height: 100%;}
	body>main .container{display: block;height: 100%;}
	body>main #img-intro{height: auto;}
	/*body>main #img-intro img{display: none;}*/
	.container{width: 100%;}
	.btn-enter-site{font-size: 15px;padding: 5px 30px;}
}