﻿@font-face {
    font-family: 'Concourse T4';
    src: url('../fonts/ConcourseC4-Bold.woff2') format('woff2'), url('../fonts/ConcourseT4-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Concourse T4';
    src: url('../fonts/ConcourseT4-Italic.woff2') format('woff2'), url('../fonts/ConcourseT4-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Concourse T4';
    src: url('../fonts/ConcourseT4.woff2') format('woff2'), url('../fonts/ConcourseT4.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Concourse C4';
    src: url('../fonts/ConcourseC4.woff2') format('woff2'), url('../fonts/ConcourseC4.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Concourse T4';
    src: url('../fonts/ConcourseT4-BoldItalic.woff2') format('woff2'), url('../fonts/ConcourseT4-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Concourse C4';
    src: url('../fonts/ConcourseC4-Bold.woff2') format('woff2'), url('../fonts/ConcourseC4-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

html {
    overflow-y: scroll;
    font-weight: normal !important;
}

body {
    font-family: 'Concourse T4', sans-serif;
    /*font-size: 1.1rem;
    line-height: 1.8;*/
    color: #4A4A4A;
}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.6;
}

p {
    line-height: 2;
    font-size: 1rem;
}

.h1, h1 {
    font-family: 'Concourse C4', sans-serif;
    font-weight: bold;
    font-size: 3.5rem;
    line-height: 1.2;
}

.h2, h2 {
    font-family: 'Concourse C4', sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
}


.h4, h4 {
    font-size: 1rem;
}

p.lead {
    font-weight: 400;
    font-size: 1.5rem;
}

.nav-link {
    font-size: 1.5rem;
    color: #4A4A4A;
    padding: 1rem;
    display: inline-block;
    line-height: 200%;
}

label {
    text-transform: lowercase;
    font-family: 'Concourse C4', sans-serif;
    font-size: 1rem;
    font-weight: bold;
}

.btn {
    text-transform: lowercase;
    font-family: 'Concourse C4', sans-serif;
    font-size: 1rem;
    font-weight: bold;
}


@media (min-width: 576px) {

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        line-height: 1.6;
    }

    p {
        line-height: 1.6;
        font-size: 1.5rem;
    }



    .h1, h1 {
        font-family: 'Concourse C4', sans-serif;
        font-weight: bold;
        font-size: 4.5rem;
        line-height: 1.2;
    }

    .h2, h2 {
        font-family: 'Concourse C4', sans-serif;
        font-weight: bold;
        font-size: 2.25rem;
    }

    .h4, h4 {
        font-size: 1.5rem;
    }

    p.lead {
        font-weight: 400;
        font-size: 2.25rem;
    }

    .nav-link {
        font-size: 1.5rem;
        color: #4A4A4A;
        padding: 1rem;
        display: inline-block;
        line-height: 200%;
    }

    label {
        text-transform: lowercase;
        font-family: 'Concourse C4', sans-serif;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .btn {
        text-transform: lowercase;
        font-family: 'Concourse C4', sans-serif;
        font-size: 1.5rem;
        font-weight: bold;
    }
}