/* Italic */
@font-face {
    font-family: 'BaiJamjuree-Italic';
    src: url('../fonts/jamjuree/BaiJamjuree-Italic.ttf');
    font-weight: italic;
}

/* Regular */
@font-face {
    font-family: 'BaiJamjuree-Regular';
    src: url('../fonts/jamjuree/BaiJamjuree-Regular.ttf');
    font-weight: 200;

}

* {
    font-family: 'BaiJamjuree-Regular';
    font-size: 1rem;
    color: rgb(250, 250, 250);
    box-sizing: border-box;
}


h1 {
    font-size: calc(1.8rem + 2.2vw);
    font-family: 'BaiJamjuree-Italic';
}

h2 {
    font-size: calc(1rem + 1.4vw);
    font-family: 'BaiJamjuree-Italic';
    margin-bottom: .2rem;
}

h3 {
    font-size: calc(1.4rem + 1.8vw);
    font-family: 'BaiJamjuree-Italic';
    margin-bottom: .2rem;
}

h4 {
    font-size: calc(1.2rem + 1.6vw);
    font-family: 'BaiJamjuree-Italic';
    margin-bottom: .2rem;
}

.h2-div {
    display: flex;
    font-family: 'BaiJamjuree-Italic';
    font-size: calc(1.1rem + 1.2vw);
    box-sizing: border-box;
    padding: 0 0 0.5rem 0.7rem;
    cursor: pointer;
}

.h2-div-hide>* {
    display: none;
}

.h2-cat-after::after {
    content: "/";
    margin: 0rem 0.3rem 0rem 0.3rem;
    padding: 1.3rem 0rem 0rem 0rem;
    align-self: center;
}


a {
    font-family: 'BaiJamjuree-Italic';
    text-decoration: none;
    color: rgb(250, 250, 250);
}

a :hover {
    color: rgb(250, 250, 250);
}

footer a,
.infobox-right-about a,
.infobox-container-prices a {
    color: rgb(250, 250, 250);
    text-decoration: none;
}

footer a:hover,
.infobox-right-about a:hover,
.infobox-container-prices a:hover {
    color: #282127;
    background-color: rgb(250, 250, 250);
}

@media screen and (max-width: 800px) {
    * {
        font-size: 0.9rem;
    }

    h1 {
        font-size: calc(1.6rem + 2vw);
        font-family: 'BaiJamjuree-Italic';
    }

    h2 {
        font-size: calc(0.8rem + 1.2vw);
        font-family: 'BaiJamjuree-Italic';
    }

    h3 {
        font-size: calc(1rem + 1.4vw);
        font-family: 'BaiJamjuree-Italic';
    }

    h4 {
        font-size: calc(0.95rem + 1.2vw);
        font-family: 'BaiJamjuree-Italic';
    }
}

@media screen and (max-width: 400px) {

    * {
        font-size: 0.8rem;
    }

    h1 {
        font-size: calc(1.0rem + 1.4vw);
        font-family: 'BaiJamjuree-Italic';
    }



    h3 {
        font-size: calc(0.6rem + 1vw);
        font-family: 'BaiJamjuree-Italic';
    }

    h4 {
        font-size: calc(0.4rem + 0.8vw);
        font-family: 'BaiJamjuree-Italic';
    }
}