html { font-size: 18px; }
body { background-color: #FFFFFF; font-family: "Poppins", sans-serif; }
html, body { margin: 0; }
h1, h2, h3, p, div {margin: 0; padding: 0; border: 0; color: black; text-shadow: none; text-align: left; }

h1, h2, h3, h4, p, li, div, span, input, select { color: rgb(27, 27, 27); }

.pgCourse { margin: auto; }
.center { text-align: center; }
.flex { display: flex; }
.yellow { color: #FEA94C; }



/* FONT & pgCourse SIZES FOR COURSE PG (NON-COURSE IS SMALLER) */

.pgOuter { width: 100%; margin: 0; }

@media only screen and (max-width: 639px) {
    h1 { font-size: 2rem; line-height: 125%; margin-bottom: 0.6em; }
    h2 { font-size: 24px; line-height: 34px; margin-bottom: 0.6em; padding-top: 0.8em; font-weight: 600; }
    h3, .h3size { font-size: 20px; line-height: 32px; margin-bottom: 0.6em; padding-top: 0.8em; font-weight: 500; }
    h4 { font-size: 16px; line-height: 26px; margin-bottom: 0.6em; font-weight: 500; }
    p, li, div, span, a, button, input, select { font-size: 0.9rem; line-height: 26px; margin-bottom: 1em; font-weight: 400; }
    div { margin-bottom: 0; }
    .pgOuter { padding-block: 60px; }
    .pgCourse { max-width: 100vw; padding-left: 1rem; padding-right: 1rem; }
    
}


@media only screen and (min-width: 640px) {
    h1 { font-size: 3rem; line-height: 125%; margin-bottom: 0.6em; }
    h2 { font-size: 34px; line-height: 48px; margin-bottom: 0.6em; padding-top: 0.8em; font-weight: 600; }
    h3, .h3size { font-size: 30px; line-height: 46px; margin-bottom: 0.6em; padding-top: 0.8em; font-weight: 500; }
    h4 { font-size: 28px; line-height: 40px; margin-bottom: 0.6em; font-weight: 500; }
    p, li, div, span, a, button, input, select { font-size: 1rem; line-height: 32px; margin-bottom: 1em; font-weight: 400; }
    div { margin-bottom: 0; }
    .pgOuter { padding-block: 60px 80px; }
    .pgExtraSize { padding-top: 120px !important; padding-bottom: 120px !important; }
    .pgCourse { max-width: 640px; padding-left: 2rem; padding-right: 2rem; }
    .fa-star { font-size: 12px; }
    .pgNarrow { max-width: 1200px; }
}