:root {
    /* Colors */
    --art-colors-text: #000000;
    --art-colors-second-text: #555555;
    --art-colors-light-text: #ffffff;
    --art-colors-link: #003027;
    --art-colors-hover: rgba(45, 103, 253, .8);
    --art-colors-accent: #D8E3FF;
    --art-colors-heading: #000000;
    --art-colors-bg: #003027;
    --art-colors-bg-hover: #001E19;
    --art-colors-second-bg: #fdf9f8;
    --art-colors-third-bg: #EAF0FF;
    --art-colors-fourth-bg: #E9DAD2;
    --art-colors-bd: #202020;
    --art-colors-bg-header: #ffffff;

    --art-second-colors-text: rgba(255, 255, 255, .8);
    --art-second-colors-second-text: rgba(255, 255, 255, .8);
    --art-second-colors-link: #ffffff;
    --art-second-colors-hover: rgba(255, 255, 255, .8);
    --art-second-colors-accent: #D8E3FF;
    --art-second-colors-heading: #ffffff;
    --art-second-colors-bg: #202020;
    --art-second-colors-second-bg: #202020;
    --art-second-colors-third-bg: #202020;
    --art-second-colors-bd: #ffffff;


    /* Colors */
    --art-colors-header-banner-text: #ffffff;
    --art-colors-header-banner-bg: #003027;
    --art-colors-main-footer-bg: #003027;
    --art-colors-header-top-text: #ffffff;
    --art-colors-header-top-bg: #E9DAD2;

    /* Typography */
    --art-default-font: sans-serif;

    /* Body */
    --art-body-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-font-weight: 400;
    --art-body-font-style: normal;
    --art-body-font-size: 18px;
    --art-body-line-height: 32px;
    --art-body-text-transform: none;
    --art-body-text-decoration: none;
    --art-body-letter-spacing: 0;

    --art-body-mobile-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-mobile-font-weight: 400;
    --art-body-mobile-font-style: normal;
    --art-body-mobile-font-size: 16px;
    --art-body-mobile-line-height: 28px;
    --art-body-mobile-text-transform: none;
    --art-body-mobile-text-decoration: none;
    --art-body-mobile-letter-spacing: 0;


    /* Body two */
    --art-body-two-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-two-font-weight: 400;
    --art-body-two-font-style: normal;
    --art-body-two-font-size: 16px;
    --art-body-two-line-height: 28px;
    --art-body-two-text-transform: none;
    --art-body-two-text-decoration: none;
    --art-body-two-letter-spacing: 0;

    --art-body-two-mobile-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-two-mobile-font-weight: 400;
    --art-body-two-mobile-font-style: normal;
    --art-body-two-mobile-font-size: 15px;
    --art-body-two-mobile-line-height: 28px;
    --art-body-two-mobile-text-transform: none;
    --art-body-two-mobile-text-decoration: none;
    --art-body-two-mobile-letter-spacing: 0;


    /* Body three */
    --art-body-three-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-three-font-weight: 700;
    --art-body-three-font-style: normal;
    --art-body-three-font-size: 14px;
    --art-body-three-line-height: 26px;
    --art-body-three-text-transform: uppercase;
    --art-body-three-text-decoration: none;
    --art-body-three-letter-spacing: 0.05em;

    --art-body-three-mobile-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-three-mobile-font-weight: 700;
    --art-body-three-mobile-font-style: normal;
    --art-body-three-mobile-font-size: 13px;
    --art-body-three-mobile-line-height: 26px;
    --art-body-three-mobile-text-transform: uppercase;
    --art-body-three-mobile-text-decoration: none;
    --art-body-three-mobile-letter-spacing: 0.05em;


    /* Body four */
    --art-body-four-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-four-font-weight: 700;
    --art-body-four-font-style: normal;
    --art-body-four-font-size: 13px;
    --art-body-four-line-height: 26px;
    --art-body-four-text-transform: uppercase;
    --art-body-four-text-decoration: none;
    --art-body-four-letter-spacing: 0.05em;

    --art-body-four-mobile-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-four-mobile-font-weight: 700;
    --art-body-four-mobile-font-style: normal;
    --art-body-four-mobile-font-size: 12px;
    --art-body-four-mobile-line-height: 26px;
    --art-body-four-mobile-text-transform: uppercase;
    --art-body-four-mobile-text-decoration: none;
    --art-body-four-mobile-letter-spacing: 0.05em;


    --art-body-five-font-family: 'HKGrotesk', var(--art-default-font);
    --art-body-five-font-weight: 600;
    --art-body-five-font-style: normal;
    --art-body-five-font-size: 12px;
    --art-body-five-line-height: 1.250em;
    --art-body-five-text-transform: none;
    --art-body-five-text-decoration: none;
    --art-body-five-letter-spacing: 0;

    --art-accent-font-family: 'Inter', var(--art-default-font);
    --art-accent-font-weight: 400;
    --art-accent-font-style: normal;
    --art-accent-font-size: 12px;
    --art-accent-line-height: 1.25em;
    --art-accent-text-transform: none;
    --art-accent-text-decoration: none;
    --art-accent-letter-spacing: 0.1em;

    --art-button-font-family: 'HKGrotesk', var(--art-default-font);
    --art-button-font-weight: 700;
    --art-button-font-style: normal;
    --art-button-font-size: 14px;
    /*--art-button-line-height: 1.857em;*/
    --art-button-line-height: 1.8571428571428572em;
    --art-button-text-transform: uppercase;
    --art-button-text-decoration: none;
    --art-button-letter-spacing: 0.05em;

    --art-blockquote-font-family: 'HKGrotesk', var(--art-default-font);
    --art-blockquote-font-weight: 400;
    --art-blockquote-font-style: normal;
    --art-blockquote-font-size: 18px;
    --art-blockquote-line-height: 1.778em;
    --art-blockquote-text-transform: none;
    --art-blockquote-text-decoration: none;
    --art-blockquote-letter-spacing: 0;

    /* Headers */

    /* h1 */
    --art-h1-font-family: 'Cormorant Garamond', var(--art-default-font);
    --art-h1-font-weight: 600;
    --art-h1-font-style: normal;
    --art-h1-font-size: 64px;
    --art-h1-line-height: 68px;
    --art-h1-text-transform: none;
    --art-h1-text-decoration: none;
    --art-h1-letter-spacing: 0;

    --art-h1-mobile-font-family: 'Cormorant Garamond', var(--art-default-font);
    --art-h1-mobile-font-weight: 600;
    --art-h1-mobile-font-style: normal;
    --art-h1-mobile-font-size: 26px;
    --art-h1-mobile-line-height: 34px;
    --art-h1-mobile-text-transform: none;
    --art-h1-mobile-text-decoration: none;
    --art-h1-mobile-letter-spacing: 0;


    /* h2 */
    --art-h2-font-family: 'Cormorant Garamond', var(--art-default-font);
    --art-h2-font-weight: 600;
    --art-h2-font-style: normal;
    --art-h2-font-size: 44px;
    --art-h2-line-height: 56px;
    --art-h2-text-transform: none;
    --art-h2-text-decoration: none;
    --art-h2-letter-spacing: 0;

    --art-h2-mobile-font-family: 'Cormorant Garamond', var(--art-default-font);
    --art-h2-mobile-font-weight: 600;
    --art-h2-mobile-font-style: normal;
    --art-h2-mobile-font-size: 25px;
    --art-h2-mobile-line-height: 34px;
    --art-h2-mobile-text-transform: none;
    --art-h2-mobile-text-decoration: none;
    --art-h2-mobile-letter-spacing: 0;


    /* h3 */
    --art-h3-font-family: 'Cormorant Garamond', var(--art-default-font);
    --art-h3-font-weight: 600;
    --art-h3-font-style: normal;
    --art-h3-font-size: 36px;
    --art-h3-line-height: 56px;
    --art-h3-text-transform: none;
    --art-h3-text-decoration: none;
    --art-h3-letter-spacing: 0;

    --art-h3-mobile-font-family: 'Cormorant Garamond', var(--art-default-font);
    --art-h3-mobile-font-weight: 600;
    --art-h3-mobile-font-style: normal;
    --art-h3-mobile-font-size: 24px;
    --art-h3-mobile-line-height: 40px;
    --art-h3-mobile-text-transform: none;
    --art-h3-mobile-text-decoration: none;
    --art-h3-mobile-letter-spacing: 0;


    /* h4 */
    --art-h4-font-family: 'HKGrotesk', var(--art-default-font);
    /*--art-h4-font-weight: 600;*/
    --art-h4-font-style: normal;
    --art-h4-font-size: 28px;
    --art-h4-line-height: 40px;
    --art-h4-text-transform: none;
    --art-h4-text-decoration: none;
    --art-h4-letter-spacing: 0;

    --art-h4-mobile-font-family: 'HKGrotesk', var(--art-default-font);
    --art-h4-mobile-font-weight: 500;
    --art-h4-mobile-font-style: normal;
    --art-h4-mobile-font-size: 20px;
    --art-h4-mobile-line-height: 40px;
    --art-h4-mobile-text-transform: none;
    --art-h4-mobile-text-decoration: none;
    --art-h4-mobile-letter-spacing: 0;


    /* h5 */
    --art-h5-font-family: 'Cormorant Garamond', var(--art-default-font);
    --art-h5-font-weight: 600;
    --art-h5-font-style: normal;
    --art-h5-font-size: 26px;
    --art-h5-line-height: 34px;
    --art-h5-text-transform: none;
    --art-h5-text-decoration: none;
    --art-h5-letter-spacing: 0;

    --art-h5-mobile-font-family: 'Cormorant Garamond', var(--art-default-font);
    --art-h5-mobile-font-weight: 600;
    --art-h5-mobile-font-style: normal;
    --art-h5-mobile-font-size: 20px;
    --art-h5-mobile-line-height: 34px;
    --art-h5-mobile-text-transform: none;
    --art-h5-mobile-text-decoration: none;
    --art-h5-mobile-letter-spacing: 0;


    /* h6 */
    --art-h6-font-family: 'HKGrotesk', var(--art-default-font);
    --art-h6-font-weight: 500;
    --art-h6-font-style: normal;
    --art-h6-font-size: 20px;
    --art-h6-line-height: 30px;
    --art-h6-text-transform: none;
    --art-h6-text-decoration: none;
    --art-h6-letter-spacing: 0.02em;

    --art-h6-mobile-font-family: 'HKGrotesk', var(--art-default-font);
    --art-h6-mobile-font-weight: 500;
    --art-h6-mobile-font-style: normal;
    --art-h6-mobile-font-size: 18px;
    --art-h6-mobile-line-height: 30px;
    --art-h6-mobile-text-transform: none;
    --art-h6-mobile-text-decoration: none;
    --art-h6-mobile-letter-spacing: 0.02em;

    /*
    --art-h7-font-family: 'Inter', var(--art-default-font);
    --art-h7-font-weight: 500;
    --art-h7-font-style: normal;
    --art-h7-font-size: 16px;
    --art-h7-line-height: 1.625em;
    --art-h7-text-transform: none;
    --art-h7-text-decoration: none;
    --art-h7-letter-spacing: 0.02em;

    --art-h8-font-family: 'Inter', var(--art-default-font);
    --art-h8-font-weight: 500;
    --art-h8-font-style: normal;
    --art-h8-font-size: 14px;
    --art-h8-line-height: 1.6em;
    --art-h8-text-transform: none;
    --art-h8-text-decoration: none;
    --art-h8-letter-spacing: 0.02em;

    --art-h9-font-family: 'Inter', var(--art-default-font);
    --art-h9-font-weight: 600;
    --art-h9-font-style: normal;
    --art-h9-font-size: 13px;
    --art-h9-line-height: 1.7em;
    --art-h9-text-transform: none;
    --art-h9-text-decoration: none;
    --art-h9-letter-spacing: 0.02em;
     */

    --art-container-hor-pad: 50px;

    --art-popup-bg-color: #ffffff;
    --art-popup-bg-image: none;
    --art-popup-bg-repeat: no-repeat;
    --art-popup-bg-position: left bottom;
    --art-popup-bg-size: auto;
    --art-popup-bg-attachment: scroll;
}

@media only screen and (max-width: 1024px) {
    :root {
        --art-container-hor-pad: 15px;
    }
}