:root {
    --black: #000000;
    --black-transparent: rgba(255, 255, 255, 0.10);
    --black-header: rgba(42, 29, 25, 0.40);
    --dark-green: #006453;
    --green-transparent: rgba(0, 100, 83, 0.80);
    --green: #57816A;
    --terracotta: #CF6253;
    --terracotta-transparent: rgba(207, 98, 83, 0.90);
    --pink: #E2A392;
    --colorOhara: #e1bf7b;
    --beige: #FBE9CF;
    --light-brown: #FEF8F1;
    --light-brown-transparent: rgba(254,248,241, 0.95);
    --white: #FFFFFF;

    --header-height: 82px;

    /* 16px = 1rem */
    --size-9px: 0.56rem;
    --size-10px: 0.62rem;
    --size-11px: 0.68rem;
    --size-12px: 0.75rem;
    --size-14px: 0.87rem;
    --size-15px: 0.93rem;
    --size-18px: 1.125rem;
    --size-20px: 1.25rem;
    --size-22px: 1.375rem;
    --size-24px: 1.5rem;
    --size-26px: 1.625rem;
    --size-28px: 1.75rem;
    --size-30px: 1.8rem;
    --size-32px: 2rem;
    --size-35px: 2.18rem;
    --size-38px: 2.37rem;
    --size-40px: 2.5rem;
    --size-44px: 2.75rem;
    --size-50px: 3.12rem;
    --size-54px: 3.37rem;
    --size-60px: 3.75rem;
    --size-64px: 4rem;
    --size-70px: 4.3rem;
    --size-80px: 5rem;
    --size-90px: 5.62rem;
    --size-100px: 6.25rem;
    --size-128px: 8rem;
    --size-150px: 9.37rem;
    --size-200px: 12.5rem;
    --size-246px: 15.3rem;

    /*--screen-sm: 576px;*/
    /*--screen-md: 768px; => switch content style */
    /*--screen-lg: 992px; => switch menu style */
    /*--screen-xl: 1200px;*/
    /*--screen-xxl: 1400px;*/
}