/* Font Declaration */
@font-face {
    font-family: "Montserrat";
    src: url("../front_assets/fonts/montserrat/Montserrat-SemiBold.ttf");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../front_assets/fonts/montserrat/Montserrat-Medium.ttf");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../front_assets/fonts/montserrat/Montserrat-Regular.ttf");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../front_assets/fonts/lato/Lato-Medium.ttf");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../front_assets/fonts/lato/Lato-Regular.ttf");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Lato";
    src: url("../front_assets/fonts/lato/Lato-Light.ttf");
    font-weight: 300;
    font-display: swap;
}

/* Header 1 */
h1 {
    font-family: "Montserrat";
    font-style: normal;
    font-size: 3.0625rem;
}

h1.semibold {
    font-weight: 600;
}

h1.medium {
    font-weight: 500;
}

h1.regular {
    font-weight: 400;
}

/* Header 2 */
h2 {
    font-family: "Montserrat";
    font-style: normal;
    font-size: 2.5rem;
}

h2.semibold {
    font-weight: 600;
}

h2.medium {
    font-weight: 500;
}

h2.regular {
    font-weight: 400;
}

/* Header 3  */
h3 {
    font-family: "Montserrat";
    font-style: normal;
    font-size: 1.9375rem;
}

h3.semibold {
    font-weight: 600;
}

h3.medium {
    font-weight: 500;
}

h3.regular {
    font-weight: 400;
}

/* Header 4  */
h4 {
    font-family: "Montserrat";
    font-style: normal;
    font-size: 1.5625rem;
}

h4.semibold {
    font-weight: 600;
}

h4.medium {
    font-weight: 500;
}

h4.regular {
    font-weight: 400;
}

/* Header 5  */
h5 {
    font-family: "Montserrat";
    font-style: normal;
    line-height: 150%;
    font-size: 1.25rem;
}

h5.semibold {
    font-weight: 600;
}

h5.medium {
    font-weight: 500;
}

h5.regular {
    font-weight: 400;
}

/* Paragraph */
p,
pre {
    font-family: "Lato";
    font-style: normal;
    font-size: 1rem;
}

p.medium {
    font-weight: 500;
}

p.regular,
pre.regular {
    font-weight: 400;
}

p.light {
    font-weight: 300;
}

/* Small */
small {
    font-family: "Lato";
    font-style: normal;
    font-size: 0.8125rem;
}

small.medium {
    font-weight: 500;
}

small.regular {
    font-weight: 400;
}

small.light {
    font-weight: 300;
}

/* preformatted */
pre {
    font-family: "Lato" !important;
    font-style: normal !important;
    font-size: 1rem !important;
}

pre.regular {
    font-weight: 400 !important;
}

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

    /* Font Resizing */
    h1 {
        font-size: 1.802rem
    }

    h2 {
        font-size: 1.602rem;
    }

    h3{
        font-size: 1.424rem;
    }

    h4 {
        font-size: 1.266rem;
    }

    h5 {
        font-size: 1.125rem;
    }

}