:root {
        --header-height: 200px;
        --background-body: #f5f5f5;

        --main-color: #313131;
        --second-color: #686868;
        --hover-color: #686868;

        --cta-color: #af861d;

        --text-color: #828282;
        --second-text-color: #ffffff;

        --font-size: 19px;
        --line-height: 34.2px;

        --headings-font: 'Merriweather', serif;
        --main-font: 'Didact Gothic', sans-serif;
        --cta-font: ;
        --logo-width: 220px;

        --font-size-mobile: 19px;
        --line-height-mobile: 34.2px;

        --padding-vertical: 75px;
        --padding-horizontal: 35px;

    }

            .logo-negative {
            filter: invert(100%) brightness(1.5);
        }