/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 2, 2020 */

@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap');


        html {  font-size: 16px; /* เพื่อให้ 1rem มีค่าประมาณ 16px */ }
        body {
            font-family: 'Prompt', sans-serif;
            color: #000;
        }
        h1, h2, h3, h4, h5, button, .btn, .btn-link, .headTxt, .subMenu1, .subMenu1Body {font-family: 'Prompt', sans-serif;}

        h1,h2,h3,h4,h5 {font-weight: 600;}

                /* iphone */
                @media only screen and (min-device-width: 280px)  {
                    h1 { font-size: 2.5rem;}
                    h2 {font-size: 2rem;}
                    h3 {font-size: 1.5rem;}
                    h4 {font-size: 1.2rem;}
                    h5 {font-size: 1rem;}
                }

                /* ipad */
                @media only screen and (min-device-width: 834px)  {
                    
                    h1 { font-size: 3rem;}
                    h2 {font-size: 2.2rem;}
                    h3 {font-size: 2rem;}
                    h4 {font-size: 1.8rem;}
                    h5 {font-size: 1.6rem;}

                }

                /* ----------- lap top ----------- */
                @media screen and (min-device-width: 1600px)  {
                    html {  font-size: 16px;}
                    h1 {font-size: 4rem;}
                    h2 {font-size: 3rem;}
                    h3 {font-size: 2.5rem;}
                    h4 {font-size: 2rem;}
                    h5 {font-size: 1.5rem;}
                }

        /* Portrait and Landscape */
        @media only screen 
            and (-webkit-min-device-pixel-ratio: 2) { 
            h1 {letter-spacing: -2px !important;}
            h2,h3,h4,h5{letter-spacing: -1px !important;}
            h2 *,h3 *,h4 *,h5 *{letter-spacing: -1px !important;}
        }