@font-face {
    font-family: 'mitr-medium';
    src: url(./font/Mitr-Medium.ttf);
}
@font-face {
    font-family: 'mitr-bold';
    src: url(./font/Mitr-Bold.ttf);
}
@font-face {
    font-family: 'mitr-regular';
    src: url(./font/Mitr-Regular.ttf);
}
@font-face {
    font-family: 'sarabun-regular';
    src: url(./font/Sarabun-Regular.ttf);
}
@font-face {
    font-family: 'sarabun-bold';
    src: url(./font/Sarabun-Bold.ttf);
}
h1 {
    font-family: 'mitr-medium';
    font-size: 22px;
    line-height: 26px;
}
h2 {
    font-family: 'mitr-medium';
    font-size: 20px;
    line-height: 30px;
}
h3 {
    font-family: 'mitr-regular';
    font-size: 16px;
    line-height: 25px;
}
h4 {
    font-family: 'mitr-medium';
    font-size: 12px;
    line-height: 19px;
}
h5 {
    font-family: 'mitr-regular';
    font-size: 12px;
    line-height: 19px;
}
h6 {
    font-family: 'mitr-regular';
    font-size: 12px;
    line-height: 19px;
}
html, body {
    height: 100%;
}
body {
    font-family: 'sarabun-regular';
    font-size: 16px;
    line-height: 27px;
    color: #000;
    background-color: #FBFBFB;
}
.logo {
    width: 50px;
    /* height: 30px; */
}
.hero-desktop {
    width: 1120px;
}
.retailer-logo {
    height: 200px;
}
.body-bold {
    font-family: 'sarabun-bold';
    font-size: 16px;
    line-height: 27px;
}
.no-padding {
    padding: 0;
}
.no-padding-right {
    padding-right: 0;
}
.no-padding-left {
    padding-left: 0;
}
.btn {
    border-radius: 20px;
    width: 80%;
    font-weight: bold;
}