@font-face {
    font-family: 'mitr-medium';
    src: url(./font/Mitr-Medium.ttf);
}
@font-face {
    font-family: 'mitr-bold';
    font-style: normal;
    font-weight: bold;
    src: url(./font/Mitr-Bold.ttf);
}
@font-face {
    font-family: 'mitr-regular';
    font-style: normal;
    font-weight: normal;
    src: url(./font/Mitr-Regular.ttf);
}
@font-face {
    font-family: 'sarabun-regular';
    font-style: normal;
    font-weight: normal;
    src: url(./font/Sarabun-Regular.ttf);
}
@font-face {
    font-family: 'sarabun-bold';
    font-style: normal;
    font-weight: bold;
    src: url(./font/Sarabun-Bold.ttf);
}
h1 {
    font-family: 'mitr-medium';
    font-size: 23px;
    line-height: 38px;
}
h2 {
    font-family: 'mitr-medium';
    font-size: 19px;
    line-height: 30px;
}
h3 {
    font-family: 'mitr-regular';
    font-size: 16px;
    line-height: 25px;
}
h4 {
    font-family: 'mitr-medium';
    font-size: 16px;
    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 {
    min-height: 100%;
}
body {
    font-family: 'sarabun-regular';
    font-size: 16px;
    line-height: 27px;
    color: #000;
    background-color: #F8C8DC;
}
.logo-img {
    height: 59.75px;
    width: 59.75px;
    margin-top: 5px;
}
.footer-link {
    padding: 22px 0;
    display: inline-block;
    color: #fff;
}
.pink-bg {
    background-color: #fa86b3;
}