* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 14px;
}

body {
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}


/* Colors & Font Sizes  */

:root {
    --logo-red: #FA4500;
    --sapphire: #003366;
    --navy-blue: #1E3A8A;
    --shadow-gray: #3A3A3A;
    --raisin-black: #212121;
    --yellow:#FBBA32;

    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.75rem;
    --text-4xl: 2rem;
    --text-5xl: 2.25rem;
}

h1{
    font-size: var(--text-5xl);
    font-family: "MontserratBold";
}
h2{
    font-size: var(--text-4xl);
    font-family: "PlayfairBold";
}
h3{
    font-size: var(--text-3xl);
    font-family: "PlayfairBold";
}
h4{
    font-size: var(--text-2xl);
    font-family: "PlayfairBold";
}
h5{
    font-size: var(--text-xl);
    font-family: "PlayfairBold";
}
P{
    font-size: var(--text-base);
    font-family: "OpenSans";
}


/* Media Breakpoints */

/* @media (min-width: 768px) {
    html{
        font-size: 16px;
    }
} */

@media (min-width: 1025px) {
    html{
        font-size: 16px;
    }
}
/* @media (min-width: 1200px) {
    html{
        font-size: 18px;
    }
} */

/* @media (max-width: 414px) {
    html{
        font-size: 10px;
    }
} */


/* Font Faces */

@font-face {
    font-family: 'FlatBrush';
    src: url('../../fonts/FlatBrush-Normal.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'VarelaRound';
    src: url('../../fonts/VarelaRound-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HanumanBold';
    src: url('../../fonts/Hanuman-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'CourierPrime';
    src: url('../../fonts/CourierPrime-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('../../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans';
    src: url('../../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PlayfairBold';
    src: url('../../fonts/PlayfairDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'RalewaySemiBold';
    src: url('../../fonts/Raleway-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}