@font-face {
    font-family: "Outfit";
    font-style: normal;
    src: url("../../fonts/Outfit-Light-86e3e70f1b3628da4a5a30b2b2b9fd12.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Outfit";
    font-style: italic;
    src: url('../../fonts/Outfit-LightItalic.ttf');
    font-weight: 300;
}

@font-face {
    font-family: "Outfit";
    font-style: normal;
    src: url("../../fonts/Outfit-Regular-f71417a09634e6b5be31c58c8b507899.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Outfit";
    font-style: normal;
    src: url("../../fonts/Outfit-Medium-e8c81d019ba2e2ba4ee3de0d795efc31.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Outfit";
    font-style: normal;
    src: url("../../fonts/Outfit-SemiBold-b924634057168bf86a00c5d91c90e846.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Outfit";
    font-style: italic;
    src: url("../../fonts/Outfit-SemiBold-b924634057168bf86a00c5d91c90e846.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Outfit";
    font-style: normal;
    src: url("../../fonts/Outfit-Bold-b60cb82cf933d0b6a5e88aaa2e95c1d5.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "Outfit";
    font-style: italic;
    src: url("../../fonts/Outfit-SemiBold-b924634057168bf86a00c5d91c90e846.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "Outfit";
    font-style: normal;
    src: url("../../fonts/Outfit-ExtraBold-89b8317e8b63ea6d60d5df3d9a30ca37.ttf");
    font-weight: 800;
}

@font-face {
    font-family: "Outfit";
    font-style: italic;
    src: url("../../fonts/Outfit-ExtraBold-89b8317e8b63ea6d60d5df3d9a30ca37.ttf");
    font-weight: 800;
}

@font-face {
    font-family: "Outfit";
    font-style: normal;
    src: url("../../fonts/Outfit-Black-af3734303c0ebbfebec8d682c0e94bd4.ttf");
    font-weight: 900;
}

@font-face {
    font-family: "Outfit";
    font-style: italic;
    src: url("../../fonts/Outfit-Black-af3734303c0ebbfebec8d682c0e94bd4.ttf");
    font-weight: 900;
}

@font-face {
    font-family: "Oswald";
    font-style: normal;
    src: url("../../fonts/Oswald-ExtraLight-c574fd3909dfb50b35d1666a8ab2d31a.ttf");
    font-weight: 200;
}

@font-face {
    font-family: "Oswald";
    font-style: italic;
    src: url("../../fonts/Oswald-ExtraLight-c574fd3909dfb50b35d1666a8ab2d31a.ttf");
    font-weight: 200;
}

@font-face {
    font-family: "Oswald";
    font-style: normal;
    src: url("../../fonts/Oswald-Light-3c3ad61b07c536bb83eb7bb22e2d59ea.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Oswald";
    font-style: italic;
    src: url("../../fonts/Oswald-Light-3c3ad61b07c536bb83eb7bb22e2d59ea.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Oswald";
    font-style: normal;
    src: url("../../fonts/Oswald-Regular-71c5bbefccf6ac3bcec7a5858243a7b2.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Oswald";
    font-style: italic;
    src: url("../../fonts/Oswald-Regular-71c5bbefccf6ac3bcec7a5858243a7b2.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Oswald";
    font-style: normal;
    src: url("../../fonts/Oswald-Medium-9130fda4288e45d1896c115d01953ac6.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Oswald";
    font-style: italic;
    src: url("../../fonts/Oswald-Medium-9130fda4288e45d1896c115d01953ac6.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Oswald";
    font-style: normal;
    src: url("../../fonts/Oswald-SemiBold-45458094d1f63f1e25851182c182d0d0.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Oswald";
    font-style: italic;
    src: url("../../fonts/Oswald-SemiBold-45458094d1f63f1e25851182c182d0d0.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Oswald";
    font-style: normal;
    src: url("../../fonts/Oswald-Bold-6efb3b347028a6c18317a17493c65f80.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "Oswald";
    font-style: italic;
    src: url("../../fonts/Oswald-Bold-6efb3b347028a6c18317a17493c65f80.ttf");
    font-weight: 700;
}

:root {
    --intro-size: 1.125rem;
    --h1-size: 2.125rem;
    --h2-size: 1.875rem;
    --h3-size: 1.5rem;
    --h4-size: 1.25rem;
    --h5-size: 1.125rem;
    --h6-size: 1.125rem;
    --p-size: 1rem;
    --p-s-size: .85rem;
    --p-l-size: 1.125rem;

    --intro-weight: 200;
    --h1-weight: 700;
    --h2-weight: 700;
    --h3-weight: 700;
    --h4-weight: 400;
    --h5-weight: 400;
    --h6-weight: 700;
    --p-weight: 400;

    --intro-line-height: 1.5;
    --h1-line-height: 1.12;
    --h2-line-height: 1.15;
    --h3-line-height: 1.33;
    --h4-line-height: 1.15;
    --h5-line-height: 1.15;
    --h6-line-height: 1.15;
    --p-line-height: 1.12;

    --font-family: "Outfit", sans-serif;
    --font-family-secondary: "Oswald", sans-serif;
    --intro-family: var(--font-family-secondary);
    --h1-family: var(--font-family-secondary);
    --h2-family: var(--font-family-secondary);
    --h3-family: var(--font-family-secondary);
    --h4-family: var(--font-family);
    --h5-family: var(--font-family);
    --h6-family: var(--font-family-secondary);
    --p-family: var(--font-family);
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
.h1 {
    font-family: var(--h1-family);
    font-size: var(--h1-size);
    font-weight: var(--h1-weight);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing, 0);
    color: var(--light-blue);
    text-transform: uppercase;
}

h2,
.h2 {
    font-family: var(--h2-family);
    font-size: var(--h2-size);
    font-weight: var(--h2-weight);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing, 0);
    color: var(--light-blue);
    text-transform: uppercase;
}

h3,
.h3 {
    font-family: var(--h3-family);
    font-size: var(--h3-size);
    font-weight: var(--h3-weight);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing, 0);
    color: var(--light-blue);
}

h4,
.h4 {
    font-family: var(--h4-family);
    font-size: var(--h4-size);
    font-weight: var(--h4-weight);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing, 0);
    color: var(--light-blue);
}

h5,
.h5 {
    font-family: var(--h5-family);
    font-size: var(--h5-size);
    font-weight: var(--h5-weight);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing, 0);
    color: var(--light-blue);
}

h6,
.h6 {
    font-family: var(--h6-family);
    font-size: var(--h6-size);
    font-weight: var(--h6-weight);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing, 0);
    color: var(--light-blue);
}

p {
    font-family: var(--p-family);
    font-size: var(--p-size);
    font-weight: var(--p-weight);
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing, 0);
}

@media screen and (min-width: 64rem) /* 1024px */ {

    :root {
        --intro-size: 1.625rem;
        --h1-size: 3.75rem;
        --h2-size: 2.75rem;
        --h3-size: 1.75rem;
        --h4-size: 1.5rem;
        --h5-size: 1rem;
        --h6-size: 1rem;
        --p-size: 1rem;
        --p-l-size: 1.25rem;

        --intro-line-height: 1.5;
        --h1-line-height: 1;
        --h2-line-height: 1.18;
        --h3-line-height: 1.35;
        --h4-line-height: 1.83;
        --h5-line-height: 1.1875;
        --h6-line-height: 0.875;
    }

}