/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Varela&display=swap');

@font-face {
    font-family: 'raleway-black';
    src: url('../fonts/raleway-black.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-blackitalic';
    src: url('../fonts/raleway-blackitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-bold';
    src: url('../fonts/raleway-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-bolditalic';
    src: url('../fonts/raleway-bolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-extrabold';
    src: url('../fonts/raleway-extrabold.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-extrabolditalic';
    src: url('../fonts/raleway-extrabolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-extralight';
    src: url('../fonts/raleway-extralight.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-extralightitalic';
    src: url('../fonts/raleway-extralightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-italic';
    src: url('../fonts/raleway-italic.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-light';
    src: url('../fonts/raleway-light.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-lightitalic';
    src: url('../fonts/raleway-lightitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-medium';
    src: url('../fonts/raleway-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-mediumitalic';
    src: url('../fonts/raleway-mediumitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-regular';
    src: url('../fonts/raleway-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-semibold';
    src: url('../fonts/raleway-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-semibolditalic';
    src: url('../fonts/raleway-semibolditalic.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-thin';
    src: url('../fonts/raleway-thin.ttf') format('truetype');
}

@font-face {
    font-family: 'raleway-thinitalic';
    src: url('../fonts/raleway-thinitalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Varela-ttf';
    src: url('../fonts/varela.ttf') format('truetype');
}

@font-face {
    font-family: 'Varela';
    src: url('../fonts/varela.ttf') format('truetype');
}

* {
    font-family: 'raleway-regular', Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box !important;
    font-size: revert;
}

a {
    font-family: inherit;
}

b {
    color: var(--navy);
    font-weight: bolder;
}

h1, h2, h3, h4, h5, h6, .tlt, .tlt span, span {
    font-family: 'Varela', Helvetica, sans-serif;
    font-weight: 500;
}

h1, .h1 {
    font-size: 3.75rem !important;
}

.tlt {
    margin-left: -2px;
}

h1 .word1 {
    width: 0px;
    display: none !important;
    color: var(--navy);
}

h2, .h2 {
    font-size: 2.25rem;
    text-transform: uppercase;
}

h3, .h3 {
    font-size: 1.875rem;
}

h4, .h4, h4 a {
    font-size: 1.5rem;
    color: var(--navy);
}

h5, .h5 {
    font-size: 1.125rem;
}

h6, .h6 {
    letter-spacing: 1px;
    font-size: 1rem;
}

p {
    font-size: 0.9375rem;
}

.navy-text {
    color: var(--navy) !important;
}

.lightblue-text {
    color: var(--lightblue);
}

.blue-text {
    color: var(--blue);
}

.orange-text {
    color: var(--orange);
}

.maroon-text {
    color: var(--maroon);
}

.gold-text {
    color: var(--gold);
}

.font-varela {
    font-family: 'Varela', Helvetica, sans-serif !important;
}

.font-raleway {
    font-family: 'raleway-regular', sans-serif;
}

.font-raleway-thin {
    font-family: 'raleway-thin', sans-serif;
}

.display-7 {
    font-size: 1.8rem;
}

.display-8 {
    font-size: 1.5rem;
}

.display-9 {
    font-size: 1.23rem;
}

@media only screen and (max-width: 768px) {
    h2, .h2 {
        font-size: 1.8rem;
        text-transform: uppercase;
    }

    .display-7 {
        font-size: 1.6rem;
    }

    .display-8 {
        font-size: 1.3rem;
    }
    .display-9 {
        font-size: 1.2rem;
    }
}