:root{
    --black: #000000;
    --white: #FFFFFF;

    --bg_blue: #111921;
    --container_blue:	#172C3B;
    --submenu_blue:	#1D5477;

    --blue: #1B6A97;
    --light_blue:	#74B4E6;
    --lighter_blue:	#E5F0FA;

    --hover_blue:	#34C1FF;


    --dark_blue: #2F3944;




    --blue_tint: color-mix(in srgb, var(--blue) 85%, white 15%);



    --error: #860000;


    --wrapper-max:1728px;
    --wrapper-margin: 32px;

    --text-max:832px;

    --masthead-height: calc(64px + 48px);
    --section-padding: 64px;
    --section-radius: 64px;

    --search-button:64px;

    --masthead-clearance: calc(var(--masthead-height) + 32px);

    --padding-header: 72px;

    --unit: 16px;
    --overflow: calc(100% + 2px);

    --gutter:32px;
    --gutter_big:48px;
    --grid-third:calc((((100% - (var(--gutter_big) * 11)) / 12) * 4 ) + (var(--gutter_big) * 3));
    --grid-twothirds:calc((((100% - (var(--gutter_big) * 11)) / 12) * 8 ) + (var(--gutter_big) * 7));
    --grid-threequarters:calc((((100% - (var(--gutter_big) * 11)) / 12) * 9 ) + (var(--gutter_big) * 8));
    --grid-quarter: calc((((100% - (var(--gutter_big) * 11)) / 12) * 3 ) + (var(--gutter_big) * 2));
    --grid-half: calc(50% - (var(--gutter_big) / 2));
    --grid-sixth: calc((((100% - (var(--gutter_big) * 11)) / 12) * 2 ) + var(--gutter_big));


    --radius: 24px;
    --radius_small: 8px;


    --headshot_speaker:145px;

    --filter_padding:28px;
}


@media all and (max-width: 1499.98px) {
    :root {
        --section-padding: 48px;
    }
}

@media all and (max-width: 1279.98px) {
    :root{

    }
}
@media all and (max-width: 1199.98px) {
    :root {

        --gutter_big:32px;
        --headshot_speaker:120px;


        --wrapper-margin:16px;

        --section-padding: 32px;
    }
}

@media all and (max-width: 1023.98px) {
    :root {




    }

}
@media all and (max-width: 899.98px) {
    :root {

        --wrapper-margin:16px;

        --masthead-height: calc(60px + 24px);

        --section-radius: 40px;

        --search-button:44px;

        --section-padding: 24px;
        --section-padding: 20px;


        --gutter_big:24px;
        --gutter:24px;


        --filter_padding:20px;
    }

}


@media all and (max-width: 599.98px) {
    :root {
        --wrapper-margin:16px;

        --gutter:20px;

        --radius: 20px;
        --radius_small: 8px;


        --section-padding: 20px;
        --section-padding: 16px;

        --filter_padding:16px;
    }
}


@media all and (max-width: 499.98px) {
    :root {
        --wrapper-margin:8px;

    }
}