@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

@font-face {
    font-family: 'OpenSans-light';
    src: url("../fonts/open_sans/opensans-light-webfont.woff2") format("woff2"), url("../fonts/open_sans/opensans-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url("../fonts/open_sans/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/open_sans/opensans-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url("../fonts/open_sans/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/open_sans/opensans-semibold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url("../fonts/roboto/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto/roboto-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

h1, h2, h3, h4, p {
    margin: 0;
    padding: 0;
    color: black;
    word-wrap: break-word
}

h2 {
    font-size: 34px
}

h3 {
    font-size: 36px
}

h4 {
    font-size: 30px;
    line-height: 32px
}

p {
    font-size: 16px;
    line-height: 24px
}

@media (min-width: 640px) {
    h2 {
        font-size: 36px
    }

    h3 {
        font-size: 30px
    }

    h4 {
        font-size: 24px
    }

    p {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    h2 {
        font-size: 36px
    }

    h3 {
        font-size: 30px
    }

    h4 {
        font-size: 24px
    }

    p {
        font-size: 16px
    }
}

/*# sourceMappingURL=font.css.map */