:root{
    --site-font-sans:'Roboto',Arial,sans-serif;
    --site-font-serif:'Roboto Slab','Roboto',Arial,sans-serif;
    --site-font-size-base:15px;
    --site-line-height-base:1.65;
    --site-heading-line-height:1.3;
    --site-text-color:#22364a;
}

html{
    font-size:var(--site-font-size-base);
}

body{
    font-family:var(--site-font-sans);
    font-size:1rem;
    line-height:var(--site-line-height-base);
    color:var(--site-text-color);
    font-weight:400;
    font-synthesis:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

body,
input,
textarea,
select,
button,
.form-control,
.btn{
    font-family:var(--site-font-sans);
}

input,
textarea,
select,
button,
.form-control,
.btn{
    font-size:.7rem;
    line-height:1.45;
}

b,
strong{
    font-weight:700;
}

p,
li,
td,
th,
label{
    line-height:1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.title-s,
.tit_home,
.tit_home_bot,
.tit_search_left,
.tit_bar_left,
.tit_ft,
.tit_add_ft,
.reservation-heading,
.name_bus,
.name_bus_cate,
.name_bus_detail,
.name_tour,
.name_tour_cate,
.name_news_hot,
.name_news_home{
    font-family:var(--site-font-serif);
    font-weight:700;
    line-height:var(--site-heading-line-height);
    letter-spacing:0;
}

h1{font-size:clamp(2rem,2.35vw,2.55rem);}
h2{font-size:clamp(1.6rem,1.95vw,2.05rem);}
h3{font-size:clamp(1.32rem,1.55vw,1.7rem);}
h4{font-size:1.12rem;}
h5,
h6{font-size:1rem;}

small,
.small{
    font-size:.875rem;
}

.form-control,
.btn,
.input-group-addon{
    font-size:.7rem;
}

@media (max-width:767px){
    :root{
        --site-font-size-base:14.5px;
    }
}