:root {
    --color-white: #F3F2F3;
    --color-lightblue: #B0D7E9;
    --color-grey: #A3A3A3;
    --color-black: #343434;

    --max-width-page: 1920px;

    --width-content: 1280px;
    --padding-content: 0 80px;
}

@media screen and (max-width: 1200px) {
    :root {
        --padding-content: 0 40px;
    }
}

@font-face {
    font-family: 'Steppe';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Steppe.woff') format('woff'),
    url('../fonts/Steppe.ttf') format('truetype');
}

@font-face {
    font-family: 'Neumann';
    font-style: normal;
    font-weight: normal;
    src: local('Neumann'), url('../fonts/TD-Neumann.woff') format('woff');
}

*, *::before, *::after {
    box-sizing: border-box;
}

:link, :visited {
    color: var(--color-black);
    text-decoration: none;
}

.d-none {
    display: none !important;
}