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


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

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

    --hover_blue:	#34C1FF;

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


    --bg:#F1F2F2;
    --off_white: #F5F5F5;
    --grey: #CCCCCC;
    --dark_grey: #6B6B6B;
    --light_sage: #D3D9D6;
    --light:#E3E7E5;

    --dark_blue: #2F3944;
    --darker_blue: #212A31;
    --darker_teal: #124E65;
    --dark_teal: #086769;
  /*  --other_blue: #556A75;*/



    --dark_teal_tint: color-mix(in srgb, var(--dark_teal) 15%, white 85%);


    --dark_orange: #E77611;
    --orange: #F0BB47;
    --orange_tint: color-mix(in srgb, var(--orange) 20%, white 80%);

    --aubergine: #27032F;


    --error: #860000;


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

    --text-max:832px;

    --masthead-height: 206px;
    --masthead_padding:46px;


    --section-padding: 40px;

    --search-button:64px;

    --masthead-clearance: var(--masthead-height);

    --padding-header: 72px;

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

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




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


    --headingfont:lektorat-display-variable, sans-serif;


}


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

        --wrapper-margin: 64px;
    }
}

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

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

        --gutter_big:32px;
        --headshot_speaker:120px;
        --masthead_padding: 30px;
        --masthead-height: 164px;

        --wrapper-margin:24px;

        --section-padding: 32px;

    }
}

@media all and (max-width: 1099.98px) {
    :root {
        --masthead_padding: 20px;
        --masthead-height: 136px;
    }
}
@media all and (max-width: 1023.98px) {
    :root {


        --masthead-height: 130px;

    }

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

        --wrapper-margin:24px;

        --masthead-height: 130px;

        --section-radius: 40px;

        --search-button:44px;


        --section-padding: 24px;

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


    }

}


@media all and (max-width: 599.98px) {
    :root {
        --wrapper-margin:16px;
        --masthead-height: 110px;
        --gutter:20px;

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


        --section-padding: 20px;

    }
}


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

}