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

    html {
	    font-size: 62.5%!important;
    }

    body {
    font-family:'GraphikTH-Regular'!important;
    line-height:1.5!important;
    font-size:1.5rem!important;
    }
    h1, h2, h3, h4, h5, h6 {
        background-color:transparent!important;
    }
    h1, .custom-h1{
        font-size:3.6rem!important;
        font-family:'GraphikTH-SemiBold'!important;
    }
        h1 span, .custom-h1 span {
        font-size:3.6rem!important;
        }

    h2, .custom-h2{
        font-size:2.5rem!important;
        font-family:'GraphikTH-SemiBold'!important;
        padding-bottom:3rem;
    }

        h2 span, .custom-h2 span {
        font-size:2.0rem!important;
            }

    h3, .custom-h3 {
        font-size:1.75rem;
        font-family:'GraphikTH-SemiBold'!important;
    }

    h4, .custom-h4 {
        font-size:1.75rem;
    }

        .bold {
            font-family:'GraphikTH-SemiBold'!important;
        }

        p.text13 {
            font-size:1.3rem!important;
        }

        p.text10 {
            font-size:1rem!important;
        }

        strong{
          font-family:'GraphikTH-Semibold'!important;
        }


@media (max-width: 992px) {
    html {
        font-size: 56.30631%!important;
    }

    h1, .custom-h1 , h2.title-seo{
        font-size: 2.9rem!important;
        font-family: 'GraphikTH-SemiBold'!important;
    }

    h2, .custom-h2 , h3.price-seo{
        font-size: 2.25rem!important;
        font-family: 'GraphikTH-SemiBold'!important;
    }
}