.page-box {padding:40px 10px 10px;}
/* fonts */
.fontspage {font-size:16px;}
@media screen and (max-width:896px) {
.page-box {padding:20px 5px 10px;}
.fontspage {font-size:14px;}
}

@font-face {
    font-family: 'Mundial';
    src: url('fonts/Mundial-Light.eot');
    src: url('fonts/Mundial-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Mundial-Light.woff2') format('woff2'),
         url('fonts/Mundial-Light.woff') format('woff'),
         url('fonts/Mundial-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'THSarabunPSK';
    src: url('fonts/THSarabunPSK.eot');
    src: url('fonts/THSarabunPSK.eot?#iefix') format('embedded-opentype'),
         url('fonts/THSarabunPSK.woff2') format('woff2'),
         url('fonts/THSarabunPSK.woff') format('woff'),
         url('fonts/THSarabunPSK.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prompt';
    src: url('fonts/prompt-regular-webfont.eot');
    src: url('fonts/prompt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/prompt-regular-webfont.woff2') format('woff2'),
         url('fonts/prompt-regular-webfont.woff') format('woff'),
         url('fonts/prompt-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fa-solid-900';
    src: url('fonts/fa-solid-900.eot');
    src: url('fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
         url('fonts/fa-solid-900.woff2') format('woff2'),
         url('fonts/fa-solid-900.woff') format('woff'),
         url('fonts/fa-solid-900.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}