@font-face {
    font-family: 'TiemposHeadline';
    src: url('./fonts/TiemposHeadline-Regular.woff2') format('woff2'),
        url('./fonts/TiemposHeadline-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HankenGrotesk';
    src: url('./fonts/HankenGrotesk-Regular.woff2') format('woff2'),
        url('./fonts/HankenGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('./fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('./fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SatoshiMedium';
    src: url('./fonts/Satoshi-Medium.woff2') format('woff2'),
        url('./fonts/Satoshi-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SatoshiRegular';
    src: url('./fonts/Satoshi-Regular.woff2') format('woff2'),
        url('./fonts/Satoshi-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root{
    /* --bg-green: #67c701; */
    --bg-green: #efb60f;
    --bg-white: #ffffff;
    --bg-light-dark: #222831;
    /* --bg-light-green: #e2f8ca; */
    --bg-light-green: #f5e8c0;
    --bg-gray: #efefef;
    --bg-dark: #323232;
    --bg-dark-gray: #e2e2e2;
    --text-light-dark: #3f3e3e;
    --text-black: #000000;
    --text-light-black: #252525;
    --text-dark: #1e1e1e;
    --text-white: #ffffff;
    /* --text-green: #67c701; */
    --text-green: #efb60f;
    --text-gray: #757f8e;
    --text-light-gray: #797979;
    --font-satoshi-reguler: 'SatoshiRegular', sans-serif;
    --font-satoshi-medium: 'SatoshiMedium', sans-serif;
    --font-hanken-grotesk: 'HankenGrotesk', sans-serif;
    --font-tiempos-headline: 'TiemposHeadline', sans-serif;
    --font-myriad-pro: 'MyriadPro', sans-serif;
}

.container-lg {
    max-width: 1674px;
    width: 100%;
    padding: 0px 40px;
    margin: 0 auto;
}

.container {
    max-width: 1578px;
    width: 100%;
    padding: 0px 40px;
    margin: 0 auto;
}

@media only screen and (max-width: 1919px) and (min-width: 992px) {
    .container-lg {
        max-width: 87.188vw;
        padding: 0.000vw 2.083vw;
    }

    .container {
        max-width: 82.188vw;
        padding: 0.000vw 2.083vw;
    }
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}

ul,li,a {
    text-decoration: none;
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    padding: 0;
}