@import "https://fonts.googleapis.com/css?family=PT+Sans:400,700|Kanit:300,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:400;opacity:1;transition:.3s opacity;color:#000}

body{background:url(../img/bg-queen.png)}

/* main{background:transparent} */

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:900px;max-width:100%}

.btn-enter-site{color:#6c231e;font-size:18px;border-radius:30px;background:#e0bd09;padding:8px 50px;border:1px solid rgb(229, 193, 114);font-weight:300}

.btn-enter-site:hover{color: white;opacity: .9;}

h1{font-size:22px;font-weight:300;color:#000}

.header img{width:100px}

.header p{font-size:15px;color:rgba(0,0,0,.9);font-weight:300}

.copyright{font-size:11px;color:rgba(0,0,0,.9);margin-top:30px}

html,body{height:100%}

body{display:table;width:100%}

body>main{display:table-cell;vertical-align:middle;width:100%;text-align:center}

body>main>div{position:relative;z-index:100}

body:after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5)}

@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}

body>main #img-intro{height:auto}

.container{width:100%}

.btn-enter-site{font-size:16px;padding:7.5px 40px}

.copyright{padding-bottom:15px}

}